Full-Stack Flask and React Learn, Code, and Deploy Powerful Web Applications with Flask 2 and React 18 / dc Olatunde Adedeji.
Get to grips with UI interaction, data modeling, API development, and documentation while building modern web apps for cloud deployment Key Features Combine Flask's pagination techniques with React's dynamic rendering for an enhanced user experience Implement robust API development within...
Clasificación: | Libro Electrónico |
---|---|
Autor principal: | |
Formato: | Electrónico eBook |
Idioma: | Inglés |
Publicado: |
Birmingham :
Packt Publishing, Limited,
2023.
|
Edición: | 1st edition |
Temas: | |
Acceso en línea: | Texto completo (Requiere registro previo con correo institucional) |
Tabla de Contenidos:
- Cover
- Copyright
- Acknowledgment
- Contributors
- Table of Contents
- Preface
- Part 1
- Frontend Development with React
- Chapter 1: Getting Full Stack Ready with React and Flask
- Technical requirements
- An introduction to full stack web development
- Why should we choose React?
- Setting up the development environment with React
- Why should we choose Flask?
- Setting up the development environment with Flask
- Getting ready with Git
- How does Git work?
- Git versus GitHub
- What will we build?
- Summary
- Chapter 2: Getting Started with React
- Technical requirements
- Exploring a React project directory structure
- Arrow functions in React
- Understanding what destructuring is
- Default and named exports
- What is a React component?
- Function components
- Class components
- Component life cycle
- What are props?
- Passing data as props
- React state
- Summary
- Chapter 3: Managing State with React Hooks
- Technical requirements
- What is a Hook in React?
- Why use Hooks in React?
- Using useState to develop stateful components
- Passing state as props
- Conditional rendering with state
- Using useEffect to create side effects
- Using useContext to manage global state in React applications
- Understanding props drilling
- Using useContext to solve the props drilling problem
- Using useRef to directly access DOM elements and persist state values
- Using useReducer for state management
- Using useMemo to improve performance
- Prevents unnecessary component re-rendering
- Using useCallback to avoid re-rendering functions
- Using custom Hooks for code reusability
- Summary
- Chapter 4: Fetching Data with React APIs
- Technical requirements
- Fetching data using the Fetch API in React
- Fetching data using async/await syntax
- Fetching data using Axios
- Fetching data using the React Query in React
- Summary
- Chapter 5: JSX and Displaying Lists win React
- Technical requirements
- What is JSX?
- JSX versus HTML
- How JSX abstracts JavaScript
- Event handling in React
- Displaying lists in React
- Using key and id in JSX
- Nesting lists in JSX
- Looping over objects in JSX
- Using Object.keys()
- Using Object.values()
- Using Object.entries()
- Example of looping with Object.keys
- Summary
- Chapter 6: Working with React Router and Forms
- Technical requirements
- Routing with React Router
- Routers
- Components
- Hooks
- Adding React Router in React
- Setting up the routing configuration
- Adding links
- Adding a nested route
- Handling dynamic routes
- Using useParams
- Using useNavigate
- Using forms in React
- Controlled and uncontrolled form components
- Controlled form
- Uncontrolled form
- Handling user input
- Input, TextArea, and Select
- Input
- TextArea
- Select
- Validating and sanitizing users' data in React
- Implementing form validation