Cargando…
React Application Architecture for Production : Learn Best Practices and Expert Tips to Deliver Enterprise-Ready React Web Apps.
A hands-on guide to help you develop skills and confidence in building and structuring React applications in a well-organized way using the best tools in the React ecosystem Key Features Discover solutions to complex problems faced while creating production-ready apps with React Develop scalable Rea...
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Birmingham :
Packt Publishing, Limited,
2023.
|
| Temas: | |
| Acceso en línea: | Texto completo (Requiere registro previo con correo institucional) |
Tabla de Contenidos:
- Cover
- Title Page
- Copyright and Credits
- Contributors
- Table of Contents
- Preface
- Chapter 1: Understanding the Architecture of React Applications
- Benefits of having a good application architecture
- A good foundation for the project
- Easier project management
- Increased development speed and productivity
- Cost-effectiveness
- Better product quality
- Exploring the architectural challenges of React applications
- What are the challenges when building a React application?
- Understanding architectural decisions when building React applications
- Bad architectural decisions
- Good architectural decisions
- Planning our application
- What are we building?
- Application requirements
- Data model overview
- Exploring the technical decisions
- Summary
- Chapter 2: Setup and Project Structure Overview
- Technical requirements
- Next.js application overview
- Why Next.js?
- Next.js application structure
- TypeScript setup overview and usage
- Why TypeScript?
- TypeScript setup
- Basic TypeScript usage
- ESLint setup overview
- Prettier setup overview
- Pre-committing checks setup overview
- Project structure overview
- Features
- Summary
- Chapter 3: Building and Documenting Components
- Technical requirements
- Chakra UI
- Chakra UI setup
- Building components
- Button
- InputField
- Link
- Storybook
- Storybook configuration
- Storybook scripts
- Documenting components
- Button stories
- Exercises
- Summary
- Chapter 4: Building and Configuring Pages
- Technical requirements
- Next.js routing
- Next.js rendering strategies
- Client-side rendering
- Server-side rendering
- Next.js SEO
- Layouts
- Wrapping JSX of every page with the layout component
- Attaching the layout to the page component and using it to wrap the entire component
- Building the pages
- The public organization details page
- The public job details page
- The jobs page in the dashboard
- The job details page in the dashboard
- The create job page
- 404 page
- Summary
- Chapter 5: Mocking the API
- Technical requirements
- Why is mocking useful?
- Introduction to MSW
- Configuration overview
- Writing our first handler
- Configuring data models
- Configuring request handlers for API endpoints
- API utils
- Auth handlers
- Jobs handlers
- Organizations handlers
- Summary
- Chapter 6: Integrating the API into the Application
- Technical requirements
- Configuring the API client
- Configuring React Query
- Why React Query?
- Configuring React Query
- Defining the API layer for the features
- Jobs
- Organizations
- Consuming the API in the application
- Public organization
- Public job
- Dashboard jobs
- Dashboard job
- Create job
- Summary
- Chapter 7: Implementing User Authentication and Global Notifications
- Technical requirements
- Implementing the authentication system
- Authentication system overview