Just React! : Learn React the React Way

Here is your perfect companion for learning about and developing React applications. This book introduces concepts innovatively, using real-world examples based on the most recommended practices to help you establish a firm foundation. This comprehensive approach provides a strong focus on building components by using React hooks. You’ll begin by learning web fundamentals, next-generation JavaScript, and how React fits into this. In the chapters that follow, you’ll build a React application from scratch and learn about JSX, components, props, state management, prop drilling, context, and lifecycle events. Along the way you’ll build a multi-component app and see how the components interact. Debugging and styling React applications are also discussed. You’ll then take an in depth look at React hooks and see how to create a custom hook. There is also a penultimate chapter that explores important concepts such as routing and authentication. The book concludes with a review of some exciting features in the upcoming release of React 18. After reading Just React you will be equipped with the skills necessary to build complex web and mobile user interfaces using this flexible JavaScript library. What You’ll Learn Examine the details of modern React concepts through example projects Set up your own React project Debug and style React components Take a look at routing, authentication, HTTP requests, Redux, and the new features of React 18 Who This Book Is For Web developers, React developers, and JavaScript developers Table of Contents About the Author About the Technical Reviewer Acknowledgments Introduction Chapter 1: Time to React Think (HTML and JavaScript) Before You React How React Reacts Compared with JavaScript React vs. Angular Where to React? Summary Chapter 2: JavaScript Before You React Get Started Variables Reference Types Conditionals and Loops Functions Events Arrow Functions Modules Subclassing Async/await Template Literals Summary Chapter 3: Start Reacting Set Up an Environment to “React” How to React? create-react-app Introduction to Components JSX Reacting to Inputs Styling Your Component State in React Virtual DOM Props Just React to Child Props and State React on a Condition Summary Chapter 4: Think React VS Code Extensions Restructuring the React Form Combining Reactions Sibling Reactions Component Chat Continues... Reacting to Edits More Reactions to the Parent Summary Chapter 5: Rethink React React Lazy and Suspense Props Drilling Issue Multi-view React App React Context Summary Chapter 6: React to Bugs Chrome Reacts Don’t React, Debug First Console Reactions React to Errors React Developer Tools React to Bugs Within VS Code Summary Chapter 7: Reacting in Style CSS-in-JS Styled Components CSS Sassy CSS (SCSS) CSS Modules CodeSandbox Material UI Responsive React Summary Chapter 8: Hook into React Life of a Class Life of a Function and the Birth of Hooks useState useEffect useRef useReducer useContext Remember to React useMemo useCallback Few More “Hookies” Custom “Hookies” Summary Chapter 9: React Back React to Routes Manage Access Before We React HTTP Reactions Redux Summary Chapter 10: New Reactions New Root and the New Way to Render React Concurrently React Slowly for Faster Response Server on Suspense Automatic Batching “Too Strict” Mode New “Hookies” Summary Index "You'll begin by learning web fundamentals, next-generation JavaScript, and how React fits into this. In the chapters that follow, you'll build a React application from scratch and learn about JSX, components, props, state management, prop drilling, context, and lifecycle events. Along the way you'll build a multi-component app and see how the components interact. Debugging and styling React applications are also discussed. You'll then take an in depth look at React hooks and see how to create a custom hook. There is also a penultimate chapter that explores important concepts such as routing and authentication. The book concludes with a review of some exciting features in the upcoming release of React 18. After reading Just React you will be equipped with the skills necessary to build complex web and mobile user interfaces using this flexible JavaScript library"-- Amazon