This chapter covers the fundamentals, purpose, usage scenarios, history, core concepts, essential tools, and simplified project setup for React developers.
2.
Introduction to ES2015+
14 Lessons
In this chapter, you’ll learn essential ES2015+ features and best practices to enhance JavaScript capabilities in React applications.
3.
JSX – an Introduction
4 Lessons
In this chapter, you’ll learn a fundamental aspect of React, JSX, its dynamic rendering and interactions.
4.
Rendering of Elements and Components in React
7 Lessons
The chapter focuses on React’s rendering mechanisms, components, props, and best practices for creating efficient, maintainable UIs.
5.
State and Lifecycle Methods
8 Lessons
The chapter focuses on managing state and lifecycle methods in React, and its importance for UI component behavior and efficiency.
In this chapter, you’ll learn event handling in React, using SyntheticEvents and unique scoping methods for performance and maintain cross-browser compatibility
This chapter focuses on forms in React for balancing between controlled and uncontrolled components, managing internal state for a seamless user experience.
8.
Lists, Fragments, and Conditional Rendering
6 Lessons
The chapter focuses on managing dynamic data in React through lists, fragments, and conditional rendering to build efficient applications.
The chapter focuses on various styling techniques in React, including inline styles, CSS classes, CSS modules, and the CSS-in-JS approach.
10.
Higher Order Components
4 Lessons
In this chapter you’ll learn higher order components in React, reusable logic, separating concerns, improving component structure and testing.
11.
Functions as a Child and Render Props
5 Lessons
This chapter focuses on using functions as children and render props in React to enhance component flexibility and better code sharing.
In this chapter you’ll learn the React Context API, data management across components, supporting multiple contexts and optimizing performance.
The chapter focuses on various ways to use refs in React, direct DOM access through string refs, callback refs, createRef(), and ref forwarding.
14.
Error Boundaries
4 Lessons
In this chapter, you’ll learn error boundaries in React, gracefully handling errors, and ensuring a functional UI by isolating issues within child components.
This chapter focuses on React portals to render outside their parent hierarchy, maintaining access to context, enhancing flexibility for overlays and modals.
The chapter focuses on code-splitting, bundling optimization, dynamic imports for lazy-loading, and using React.Suspense for effective component rendering.
17.
Typechecking with PropTypes, Flow, and TypeScript
5 Lessons
The chapter focuses on typechecking, exploring PropTypes, Flow, and for using TypeScript to ensure prop functionality and safety.
18.
React Hooks – an Introduction
6 Lessons
The chapter focuses on React Hooks, introduced in version 16.8.0, managing state and lifecycle methods, and enhancing code clarity and reusability.
The chapter focuses on adhering to Hook rules, creating custom Hooks for code reuse, and effectively managing data within components.
This chapter focuses on the Hooks API in React, managing state, side effects, and performance optimization in functional components.
21.
Routing in React
11 Lessons
The chapter focuses on routing in React, key components, route definitions, URL parameters, navigation methods, and efficient routing management.
22.
State Management
17 Lessons
In this chapter you’ll learn State management in React with Redux, handling global state, complex applications, enhancing usability and performance.
23.
Internationalization
6 Lessons
This chapter focuses on effective internationalization in React using i18next, adaptable user interfaces, translation management and flexibility.
In this chapter, you’ll revise React concepts and encourages ongoing practice and community engagement for mastery.
The appendix focuses on the React ecosystem, essential tools and frameworks to support both static and dynamic applications.