
Discover the fundamentals of React in one hour, including what React is, why it's popular, key concepts, and a hands-on to-do app demo.
Explore how React, a Facebook client-side framework focused on the presentation layer, uses a component-based architecture with virtual DOM and declarative rendering, learn once and write everywhere, and React Native.
Explore common styling options for React apps, including regular CSS classes, inline styles, and style components for css-in-js. Learn how to import these styles and apply a red background.
Clean up and refine a simple React to-do app by removing unnecessary components, centering content, and adding title and item inputs, while introducing JSX rendering of to-do list items.
Remove predefined state and let users create two new to-do items; update the list title with a safe onChange handler using setState, and inspect changes with React devtools.
Explore lifting up state by moving to do items data into the to do list state as an array, enabling add, remove, and rendering from the to do list component.
Implement the delete operation by updating state with a slice of the previous to-dos, using the spread operator, and binding the function when passed as a prop in React.
Learn to fetch data in the mount lifecycle using the axioms library to perform a REST API call, handle promises with then and catch, and update component state.
In this course you will quickly learn all the basics of React and using npm! Here are some notes about react from the landing page:
"React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
Declarative views make your code more predictable and easier to debug."
"Build encapsulated components that manage their own state, then compose them to make complex UIs.
Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM."
"We don’t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.
React can also render on the server using Node and power mobile apps using React Native."