
Advanced Web Development with React
US$ 19.95
The publisher has enabled DRM protection, which means that you need to use the BookFusion iOS, Android or Web app to read this eBook. This eBook cannot be used outside of the BookFusion platform.
Description
Contents
Reviews
Language
English
ISBN
9789389423594
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
The book hasn't received reviews yet.