React.js is a game-changer. This powerful web framework reinvents the way you create web UI, making it possible to build responsive browser-based applications with flowing, flicker-free screens. The React in Motion liveVideo course gets you up and running with React just as smoothly. As you work through the efficient crystal-clear tutorials from experienced React developer Zac Braddy, you'll learn the ins and outs of React development, essential techniques for working with reactive applications, and handy code reuse techniques that will save you time and effort!
In this liveVideo, you'll start with the fundamentals of React, as you build your first application. You'll learn how to set up the perfect build environment, build your own components, make asynchronous calls to third party APIs, efficiently test, debug, and then finally deploy your finished reactive applications!
Mocking up static data for display in our component
Showing the working component
Adding more components to our app and making them communicate
Introduction to the implementation container and presentation components
Build a component that will represent a list of the components built in Unit 4
Introduction to the implementation of props
Introduction to prop types
Add container component above the list and add a search input box and button
Make it filter the list for demonstration purposes for now
Introduction to the implementation of state
Create state based paging on the list
Hooking up the sample app to the spoonacular APIs
Introduction to isomorphic fetch
Pull in isomorphic fetch to the project
Hook up the button to make calls to the spoonacular APIs on click (output to console to begin with)
Loading the results of the API call into state on the main App container
Consolidating the lessons learned by adding functionality to the App
Add a component for displaying recipes found
Refactor the current app component into its own component
Clicking items on the list produces API calls
Build a button to go back to the list
Where from here? What other tech could I use to improve this app?
Hosting the React app (Firebase or Heroku)
About the subject
What you will learn
The fundamentals and best practices for working with React
Setting up the perfect build environment for your React projects
Constructing components and basic patterns
Making asynchronous calls to third party APIs
Building your first React application
Zac Braddy is a full stack developer whose career has seen him working with almost every tech you can think of. He has blogged extensively about React and maintains a popular YouTube channel on React.