Sign In Start Free Trial
Account

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

To get the most out of this book

To get the most out of this book, we assume that readers will have the following prerequisite knowledge: an understanding of JavaScript, object-oriented JavaScript, the concurrency model, and event loop; an understanding of functional programming involving the concepts of pure functions, functional composition, avoiding shared state, avoiding mutation, and avoiding side effects; an understanding of the different approaches to programming, including imperative and declarative approaches; and a basic understanding of database management systems.

We also expect readers to follow the resources that are highlighted as further reading at the end of each chapter. In addition to this, all the code shared in GitHub will not be the only solution. There may be multiple ways to solve the same problem. What we have presented in this book is just one of these ways, involving open source technologies.  

Download the example code files

You can download the example code files for this book from your account at www.packt.com. If you purchased this book elsewhere, you can visit www.packt.com/support and register to have the files emailed directly to you.

You can download the code files by following these steps:

  1. Log in or register at www.packt.com.
  2. Select the SUPPORT tab.
  3. Click on Code Downloads & Errata.
  4. Enter the name of the book in the Search box and follow the onscreen instructions.

Once the file is downloaded, please make sure that you unzip or extract the folder using the latest version of:

  • WinRAR/7-Zip for Windows
  • Zipeg/iZip/UnRarX for Mac
  • 7-Zip/PeaZip for Linux

The code bundle for the book is also hosted on GitHub at https://github.com/PacktPublishing/Redux-Quick-Start-GuideIn case there's an update to the code, it will be updated on the existing GitHub repository.

We also have other code bundles from our rich catalog of books and videos available at https://github.com/PacktPublishing/. Check them out!

Conventions used

There are a number of text conventions used throughout this book.

CodeInText: Indicates code words in the text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles. Here is an example: "According to the BMI scale, someone with bmi between 30.0 and 54 is said to have obesity"

A block of code is set as follows:

import { BrowserRouter } from 'react-router-dom';
ReactDOM.render(
<BrowserRouter>
<App />
</BrowserRouter>,
document.getElementById('root')
);

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:

<Route
path="/about"
render={() => (
<div> This is about us page. </div>
)}
/>

Any command-line input or output is written as follows:

$ yarn add connected-react-router --exact

Bold: Indicates a new term, an important word, or words that you see on screen. For example, words in menus or dialog boxes appear in the text like this. Here is an example: "Select System info from the Administration panel."

Warnings or important notes appear like this.
Tips and tricks appear like this.

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
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