Make Interactive UIs with Ease
This course focuses on building simple components and composing them to create complex, rich, functional component solutions. You'll get to grips with event handling, routing, implementing Flux architecture, and much more to master React fundamentals.
We start from the very beginning and stick with you every step of the way, kicking off with an introduction to React and getting progressively more challenging as the course continues. Don't worry – you'll soon be working on React projects with ease.
By the end of this course, you'll be productive and efficient in using this versatile library, and you'll be able to build great looking web apps faster than ever before.You'll walk away with a working knowledge of the framework, it's various facets, and you'll understand how it fits into your process. But most of all, you'll have a valuable and time-saving new skill in your developer toolbox.
What is React?
Let's undestand what we're going to learn and how we'll learn it!
We can get a devlopment environement and a project set up and be ready to begin coding in React
Components are the core building blocks of React. Let's learn to create and use them.
React Components are composed with other components. Let's learn how this works.
Let's write composable components
With an understanding of React Component basics we can dive deeper into how they work for us
State and Props provide data management within and among React Components
With a clearly defined for managing state and passing data, working with Data in React is simple
Let's code State Objects into or Components and pass data among them.
Implementing State and Props for proper, consitent data management in React is a breeze
Events in React can be both caught and triggered to drive application logic
Let's learn to leverage React's event handling capabilities and make our Components react
We can code event handling syntax to trigger actions within our Comonents
Handling events in React is an important part of an application's functionality and binding to events is trivial when we know how
Routing is a major feature in React and is quite simple to begin implementing. Looking further into the API, we find many rich features to make navigation highly functional
Let's discover how to configure the Router and routes in a React app
Let's apply routing in our app and have our view display dynamically
Basic routing works well for us, but we can advance our configurations to use parameters
Let's update our routing with parameter driven logic
We now know how to stucture effective navigation in an app with React's router
React Flux provides a pattern and a supporting library to add a new dimension to React applications
The four steps to the Flux model are laid out for us
We can start using the Flux pattern in our app with a partial implementation
Adding data to a DataStore is the next step in our understanding of Flux
We can upgrade our application with the full Flux pattern
Dynamicly updating our Shoutouts DataStore provides a nice, neat Flux implementation
Introducing React Forms to our application takes us even deeper into React
Our Shoutouts feature is properly designed and coded with React Forms
Understanding and implementing Flux isn't as difficulat as we'd thought. We now know how the Flux Pattern works within React.
Styling Components in React can be done in a number of ways. Let's discover them.
React has a specific pattern and syntax for embedded styling at the Component level
We can use React's embedded styling, or we can implement CSS
Let's complete our application's features and style them appropriately
Styling in React can happen with an embedded approach or with CSS, or as we've done, with both
We covered a lot of ground to become familiar and capable with React basics
With a solid understanding of basic React, options abound
Get out there and use React!
At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered.
Check out our huge catalog of courses and join the over 450,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.