Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Redux Quick Start Guide
  • Toc
  • feedback
Redux Quick Start Guide

Redux Quick Start Guide

By : Lee, Wei, Kumar Mukhiya
3 (1)
close
Redux Quick Start Guide

Redux Quick Start Guide

3 (1)
By: Lee, Wei, Kumar Mukhiya

Overview of this book

Starting with a detailed overview of Redux, we will follow the test-driven development (TDD) approach to develop single-page applications. We will set up JEST for testing and use JEST to test React, Redux, Redux-Sage, Reducers, and other components. We will then add important middleware and set up immutableJS in our application. We will use common data structures such as Map, List, Set, and OrderedList from the immutableJS framework. We will then add user interfaces using ReactJS, Redux-Form, and Ant Design. We will explore the use of react-router-dom and its functions. We will create a list of routes that we will need in order to create our application, and explore routing on the server site and create the required routes for our application. We will then debug our application and integrate Redux Dev tools. We will then set up our API server and create the API required for our application. We will dive into a modern approach to structuring our server site components in terms of Model, Controller, Helper functions, and utilities functions. We will explore the use of NodeJS with Express to build the REST API components. Finally, we will venture into the possibilities of extending the application for further research, including deployment and optimization.
Table of Contents (10 chapters)
close
close
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Get in touch
Free Chapter
1
Understanding Redux
chevron up
Understanding Redux
The need for Redux
Functional programming
Fundamental principles of Redux
The Redux ecosystem
Elements of Redux
Redux life cycle
Getting started
Understanding Redux methods
Setting up the project
Summary
Further study
2
Testing
Testing
Setting up Jest
Testing ES6 functions
Testing React components
Testing Redux
Summary
Further reading
3
Routing
Routing
Using react-router-dom
Understanding route props
The Redirect component
Using connected-react-router
History
Mocking react-router-dom for testing
Summary
Further reading
4
The Concept of Immutability
The Concept of Immutability
The need for immutability
Getting started with Immutable JS
The TODO app
Frequently asked questions
Summary
Further reading
5
React with Redux
React with Redux
Components of React
Principles of React
New in React 16.8
User interfaces
Project structure
React component libraries
containers/App/index.js
Login page
Register page
Users pages
Connecting with Redux
Understanding selectors
Summary
Further study
6
Extending Redux with Middleware
Extending Redux with Middleware
Exploring middleware
Router middleware
redux-saga middleware
Language middleware
Summary
Further study
7
Debugging Redux
Debugging Redux
Integrating Redux DevTools
Understanding Redux DevToolsHMR
Summary
Further reading
8
Understanding the REST API
Understanding the REST API
The REST principle
Project structure
User endpoints
Other endpoints
Summary
Further reading
9
Other Books You May Enjoy
Other Books You May Enjoy
Leave a review - let other readers know what you think

Understanding Redux

With the great prevalence of web applications and companies transforming from traditional desktop-based systems to web-based systems, there are now a multitude of opportunities on the World Wide Web. There are various programming languages for server-side scripting (SSR), client-side scripting, presentation logic (HTML and CSS), and query languages. JavaScript is one of the most popular languages on the web, and it encompasses several frameworks that assist in its development, compilation, and production. React is one of the most popular JavaScript frameworks, and it is developed and distributed by Facebook. While React helps in building highly sophisticated, interactive user interfaces, Redux, on the other hand, is getting very popular in the frontend community for state management. In this chapter, we will get you familiarized with React, the concept of functional programming, the major components of Redux, and how to get started with it.

We will discuss the following topics in this chapter:

  • The need for Redux 
  • The concept of functional programming
  • The components of Redux
  • Getting started with Redux
  • Setting up the project
End of Section 1
Next Section
bookmark search playlist download
font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete