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
Table of Contents
Chapter 1: Time to React
Chapter Goal: The purpose of this chapter is to introduce you to React and to introduce the role it plays in modern web development.
No of pages: 20
Subtopics
1. Think before you React
2. How React Reacts compared to JavaScript?
3. React Vs Angular
.
4. Where to React?
Chapter 2: JavaScript Before You React
Chapter Goal: Next gen JavaScript (ES6 and above) is the subject of this chapter. The goal of this chapter is to get you familiar with the latest features of this most popular programming language.
No of pages: 40
Sub - Topics
1. Variables, Conditionals, and loops
2. Functions and Arrow Functions
3. Modules
4. Events
5. Reference Types
6. Async Await
7. Template Literals.
Chapter 3: Start Reacting
Chapter Goal: The goal of this chapter is to get you started on your React journey. You will gain an in-depth understanding of React project setup and fundamental concepts.
No of pages: 60
Sub - Topics:
1. Set up an environment to ‘React’
2. How to React?
3. create-react-app
4. Introduction to Components
5. JSX
6. Reacting to inputs
7. Styling your component
8. Virtual DOM
9. Props and State
10. Just React to Child
11. React on a Condition
Chapter 4: Think React
Chapter Goal: Using the most recommended concepts of React, this chapter creates a fully functional application. You'll gain an understanding of state management, component interactions etc., and you will start thinking the React way.
No of pages:50
Sub - Topics:
1. VS Code Extensions
2. Restructuring the React form
3. Combining Reactions
4. Sibling Reactions
5. Component chat continues…
6. Reacting to edits
7. More Reactions to the parent
Chapter 5: Rethink React
Chapter Goal: The goal of this chapter is to get you to rethink. It will show you how to identify and fix common problems with React applications. You will learn some advanced concepts such as code splitting and React Context.
No of pages:50
Sub - Topics:
1. React Lazy and Suspense
2. Props Drilling
3. Multi View React app
4. React Context
Chapter 6: React to Bugs
Chapter Goal: This chapter covers several ways to debug React applications. It mostly focuses on how you, as a developer, react to bugs in React applications.You will learn about the rich capabilities of Chrome DevTools and React DevTools.
No of pages:30
Sub - Topics:
1. Chrome Reacts
2. Don’t React, Debug first
3. Console Reactions
4. React to Errors
5. React Developer Tools
6. React to Bugs within VS Code
Chapter 7: Reacting in style
Chapter Goal: The purpose of this chapter is to present different ways of styling components, their pros and cons, and introduce some tools to assist you in styling React components.
No of pages:30
Sub - Topics:
1. CSS-in-JS
2. Styled Components
3. CSS Style Sheets
4. Sassy CSS (SCSS)
5. CSS Modules
6. Overview of CodeSandbox and Material UI
7. Responsive React
Chapter 8: Hook into React
Chapter Goal: In this chapter, we will cover in depth about React Hooks with examples. You will learn about all the hooks and how to create custom hooks.
No of pages:60
Sub - Topics:
1. Life of a Class
2. Life of a Function and the birth of Hooks
3. useState
4. useEffect
4. useRef
5. useReducer
6. Remember to React
7. useMemo
8. useCallback
9. useContext
10. Few more ‘Hookies’
11. Custom ‘Hookies’
Chapter 9: React more
Chapter Goal: This chapter covers basics about Routing, Authentication, sending HTTP requests from a React App, Redux and a few other concepts we haven't talked about so far in other chapters. etc.
No of pages:50
Sub - Topics:
1. React to Routes
2. Identify before React
3. . HTTP Reactions
4. Redux
Chapter 10: New Reactions
Chapter Goal: This chapter summarizes all the new features in React 18
No of pages:20
Sub - Topics:
1. New Root and the new way to Render
2. React Concurrently
3. React slowly for faster response
4. Server on Suspense
5. Automatic Batching
6. ’Too Strict’ Mode
7. New ‘Hookies’
