1. React Fundamentals
React is a JavaScript library developed by Facebook for building user interfaces. At its core, React is component-based: an application is composed of small, reusable pieces of UI...
Read full chapter →The essential React Framework cheat sheet: 6 concise chapters you can read in minutes, distilled from the full deck. When you're ready, drill the flashcards or test yourself under exam conditions.
React is a JavaScript library developed by Facebook for building user interfaces. At its core, React is component-based: an application is composed of small, reusable pieces of UI...
Read full chapter →Components are the building blocks of a React application. A functional component is a plain JavaScript function that accepts an object of inputs called props and returns JSX. A cl...
Read full chapter →Hooks are functions that let functional components use state, side effects, contexts, and other React features without writing classes. useState returns a [value, setter] pair used...
Read full chapter →Props are great for passing data, but threading the same value through several layers of components that don't actually use it is the problem known as prop drilling. The Context AP...
Read full chapter →Conditional rendering is how React shows different UI based on state or props. The most common idioms are the ternary expression {isLoggedIn ? <Dashboard /> : <Login />...
Read full chapter →Rendering lists in React is just mapping over an array to produce elements, but each element needs a stable key prop. Keys give every list item a stable identity so React can effic...
Read full chapter →Done reading?
Test yourself with the React Framework practice exam — timed questions, instant score, full review of wrong answers. Free.
🎯 Take the Practice Exam →