English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 2h 39m | 428 MB
Many React developers have intimate knowledge of the React API itself, but little familiarity with how to create real-world apps on a larger scale while dealing with various stakeholders. The heavy demands on web apps both from a customer and managerial perspective require that developers arrange software in an optimal way to ensure performance and maintainability. And in order to do this effectively, programmers must know how to create good software architecture. In this course, senior software developer Shaun Wassell shows you how, detailing what React developers need to know to keep their apps maintainable, performant, and compliant for the long haul. Delve into the basics of server-side rendering, state management, code splitting, and much more.
Table of Contents
Introduction
1 Learn software architecture with React
2 What you should know
1. Software Architecture Basics
3 What is software architecture
2. Server-Side Rendering (SSR)
4 Server-side rendering basics
5 Setting up a simple React app
6 Basic React SSR
7 Building and rendering an SSR React app
8 Routing with server-side rendering
9 Styling with server-side rendering
10 Server-side rendering caveats
3. State Management Architecture
11 Big state with MobX
12 What is state management
13 Small state with the useState Hook
14 Small state with context
15 Accessing context inside components
16 Medium state with Recoil
17 Sharing Recoil state
18 Using Recoil selectors
19 Big state with Redux
20 Using Redux with components
4. Data Loading and WebSockets
21 When should we load data
22 Data loading with SSR
23 Rendering server-side API data
24 Enhancing SSR with context
5. Code Splitting
25 Code splitting basics
26 Route-based code splitting
27 When to use code splitting
28 Error boundaries
6. Folder Structure and Naming Conventions
29 Function vs. feature-based organization
30 Monoliths, multi-repos, and monorepos
Conclusion
31 Next steps
Resolve the captcha to access the links!