From React to Redux : A Comprehensive Guide

This document was uploaded by one of our users. The uploader already confirmed that they had the permission to publish it. If you are author/publisher or own the copyright of this documents, please report to us by using this DMCA report form.

Simply click on the Download Book button.

Yes, Book downloads on Ebookily are 100% Free.

Sometimes the book is free on Amazon As well, so go ahead and hit "Search on Amazon"

React and Redux are two of the most popular technologies for building modern web applications. React is a JavaScript library for building user interfaces, while Redux is a state management library that can help you manage the data and logic in your application. Together, they form a powerful combination that can help you build scalable, maintainable, and efficient web applications. In this book, you'll learn how to use React and Redux to build modern web applications from scratch. You'll start with the basics of React, including components, props, and state, and learn how to build reusable UI components that can be composed to create complex user interfaces. You'll also learn how to manage state in your application using Redux, including how to define actions, reducers, and the store. Throughout the book, you'll work on a real-world project, building a color organizer application that lets users create and organize color palettes. You'll learn how to use React and Redux to manage the application's state, handle user interactions, and communicate with a server using asynchronous requests. You'll also learn how to incorporate other popular libraries and tools, like React Router, Webpack, and Babel, into your application. By the end of the book, you'll have a solid understanding of how to use React and Redux to build modern web applications, as well as a fully functional color organizer application that you can use as a starting point for your own projects. Whether you're a beginner or an experienced developer, this book will help you level up your React and Redux skills and build better web applications.

Author(s): Henry Evans
Year: 2023

Language: English
Pages: 209

Cover Page
Title Page
Copyright Page
introduction
New ECMAScript Syntax
Popularity of Functional JavaScript
JavaScript Tooling Fatigue
Why React Doesn’t Have to Be Hard to Learn
React’s Future
2. Emerging JavaScript
Declaring Variables in ES6
Template Strings
Default Parameters
Arrow Functions
Transpiling ES6
ES6 Objects and Arrays
Destructuring Assignment
Object Literal Enhancement
The Spread Operator
Promises
Classes
ES6 Modules
CommonJS
3. Functional Programming with JavaScript
What It Means to Be Functional
Imperative Versus Declarative
Functional Concepts
Immutability
Pure Functions
Data Transformations
Higher-Order Functions
Recursion
Composition
Putting It All Together
4. Pure React
The Virtual DOM
React Elements
ReactDOM
Children
Constructing Elements with Data
React Components
React.createClass
React.Component
Stateless Functional Components
DOM Rendering
Factories
5. React with JSX
React Elements as JSX
JSX Tips
Babel
Intro to Webpack
Recipes App with a Webpack Build
6. Props, State, and the Component Tree
Property Validation
Validating Props with createClass
Default Props
Custom Property Validation
ES6 Classes and Stateless Functional Components
Refs
Inverse Data Flow
Refs in Stateless Functional Components
React State Management
Introducing Component State
Initializing State from Properties
State Within the Component Tree
Color Organizer App Overview
Passing Properties Down the Component Tree
Passing Data Back Up the Component Tree
7. Enhancing Components
Component Lifecycles
Mounting Lifecycle
Updating Lifecycle
React.Children
JavaScript Library Integration
Making Requests with Fetch
Incorporating a D3 Timeline
Higher-Order Components
Managing State Outside of React
Rendering a Clock
Dispatcher
8. Redux
State
Actions
Action Payload Data
Reducers
The Sort Reducer
The Store
Subscribing to Stores
Saving to localStorage
Action Creators
Middleware
12. React and the Server
Isomorphism versus Universalism
Server Rendering React
Universal Color Organizer
Universal Redux
Universal Routing
Communicating with the Server
Actions with Redux Thunks
The end