Advanced Web Development with React
SSR and PWA with Next.js using React with advanced concepts
1st Edition
Published on 11. March 2020
204 pages
978-93-89423-60-0 (ISBN)
Description
No detailed description available for "Advanced Web Development with React".
More details
Other editions
Additional editions
Mehul Mohan
Advanced Web Development with React
SSR and PWA with Next.js using React with advanced concepts (English Edition)
Book
02/2020
BPB Publications
€47.22
Available (delivery time upon request)
Content
- Cover Page
- Title Page
- Copyright Page
- Dedication
- About the Author
- About the Reviewer
- Acknowledgements
- Preface
- Errata
- Table of Contents
- 1. React 101
- Structure
- Objectives
- React is component-based
- React is declarative
- Quick JS revision
- this
- Arrow functions
- .map
- .reduce
- Classes
- Closures
- More JavaScript topics
- Conclusion
- 2. Setting up React
- Structure
- Objective
- Choosing a text editor
- #1 - VSCode
- #2 - Sublime Text
- #3 - Atom
- Setting up nNode and NPM
- Windows
- Setting up React projects
- #1 - Setting up with CDN
- #2 - Using create-react-app
- JSX
- Moving to TypeScript
- Conclusion
- 3. Components
- Structure
- Objectives
- About components
- Class versus functional components
- Functional Components
- Props
- Children
- Hooks
- useState
- useState is not synchronous
- useStatecallback
- useEffect
- useEffect dependencies
- useEffectcleanup
- useCallback
- Custom hooks
- Class components
- Props
- State
- Lifecycle methods
- constructor
- static getDerivedStateFromProps
- render
- getSnapshotBeforeUpdate
- componentDidMount
- componentDidUpdate
- componentWillUnmount
- Conclusion
- Questions
- 4. Application State Management in React
- Structure
- Objectives
- Communication between components
- Prop drilling
- Refs
- Context API
- Context.Provider
- useContexthook
- useReducer hook
- Conclusion
- Questions
- 5. Server Side React
- Structure
- Objective
- React on Server
- What is Server-Side Rendering?
- Why Server Side Rendering?
- Starting with SSR
- ReactDOM
- SSR project configuration
- Writing more components
- Routing in SSR
- Client-Side React
- ReactDOM.hydrate
- Fetching data
- Fetching data on the server
- Conclusion
- Questions
- 6. Introduction to Next.js
- Structure
- Objective
- What is Next.js?
- Why Next.js?
- Installation
- Next.js defaults
- Pages
- Hot code reloading
- Static file serving
- Routing
- Link
- Link is just HoC
- More on Link
- Next.js components
- Next.js + CSS
- Styled JSX
- Importing CSS files
- Conclusion
- Questions
- 7. More with Next.js
- Structure
- Objective
- Next.js application
- Getting project up
- Switching to TypeScript
- Redux
- getInitialProps
- Creating App
- APIs using Next.js
- Setting up Redux + Next.js
- _app.js File
- Dispatching Redux Actions
- useSelector and useDispatch
- Creating the Dashboard page
- Conditional routing
- Nested routes
- Dynamic routing
- Registration page
- Conclusion
- Questions
- 8. Progressive Web Apps
- Structure
- Objective
- What is a progressive web app?
- Hello World
- manifest.json file
- Service workers
- Lifecycle
- PWA using Next.js
- Custom Next.js Server
- next(config: object)
- getRequestHandler()
- serveStatic()
- _document.js
- Conclusion
- Questions
- 9. Bleeding Edge React
- Structure
- Objective
- How does React work?
- Reconciler
- Renderer
- Moving from classes
- Concurrent mode
- Opting in concurrent mode
- Suspense - Code fetching
- Suspense - Data fetching
- Conclusion
- Questions
