![\"Redux](\"/static/bc2524939721df6956d3ad3b4822b3c6/820f7/redux.png\" "\\"Redux")
\n \n \n Redux Quick Start Guide
This book explores methodologies for developing a scalable modern web application using\ncutting edge front-end technologies. The book is intended for web developers, frontend\ndevelopers and beginner programmers who want to use React and Redux to develop a\nmodern web application. In this book, We will show you how you can integrate Redux\nwith React and other front end JavaScript frameworks efficiently and manage application\nstates effectively. Finally, we will explore the architecture of Redux-Saga and see how saga\ncan be used in handling side effects.
\n \n \n We will follow the TDD (Test Driven Development) paradigm in this book where we test\neach piece of code we develop. We will use the JEST framework for testing. In addition to\nthat, we will learn about advanced debugging techniques using Redux Dev tools. In this\nbook, we will build a simple multi-lingual simple Hospital Management System to perform\nCRUD (Create, Read, Update and Delete) on users. We will use React to build interactive\nuser interfaces and we will take help of Redux-form and Ant design to exploit user\ninterfaces for our need. Finally, we will explore using styled components to include CSS in\nour application.
To develop a scalable web application, project architecture, correct tooling and use of a\nright stack is very important. With numerous options, developers easily get confused about\nthe choice of database, choice of frontend technologies, types of module bundler to use and\nso on. In this book, we will guide users through a single application architecture paradigm\nusing cutting edge technology ReactJS with Redux for state management and Redux-Saga\nfor handling side effects.
Any Web developer or UI/UX developers will be able to benefit from this book. The book\nwill guide you seamlessly from beginner concept of setting up tools to the advanced\ndebugging concept. In addition to that, the book will enforce using TDD (Test Driven\nDevelopment) paradigm that will help you to understand the logic easily and verify the\ncode written is valid. In addition to that, the book will help you to create a full production\napp ready to be hosted in the server of your choice.
\nChapter 1, Understanding Redux, provides a detailed overview of redux, its fundamental principles, and a unified approach to redux echo system. In addition to that, we will discuss\nredux life cycle, action creators, redux and redux store. We will be discussing in detail\nabout the need of these components in management of state. Finally, we initiate our project\nand set up nodejs, webpack, babel, redux, and Yarn.
\nChapter 2, Testing, follows Test Driven Development (TDD) approach to develop single\npage application. In this chapter we will discuss about why TDD approach is effecient in\nbuilding scalable system. In addition to that, we will explore how we can set up JEST for\ntesting and how we can use JEST to test React, Redux, Redux-Sage, Reducers and other\ncomponents.
\nChapter 3, Routing, explores about routing and its need. We will then explore the use react-\nrouter-dom and its functions. We will create list of routes that we will need in order to create our application. In addition to that, we will configure react-router-redux in our application and explore the difference between react-router-dom and react-router-redux. Finally, we will explore routing on the server site and create ther required routes for our application.
\nChapter 4, Concept of Immutability, deals about immutability, its importance. We will set up\nimmutableJS in our application and convert our reducers, stores in immutableJS\narchitecture. We will be using some of the most common data structures like Map, List, Set,\nOrderdList from immutableJS framework. Finally, we will explore how immutable JS can\nbe tested.
Chapter 5, React with Redux, deals with building interactive component using ReactJS.\nMoreover, we will be connecting react with redux, understand component life cycle, states\nin react and understand various performance parameters of react component. Finally, we\nwill continue our application and add user interfaces using ReactJS, Redux-Form and Ant\nDesign.
\nChapter 6, Extending Redux by Middleware, explores about middleware and its need. In\naddition to that, we will continue our application and add three important middlewares in\nto our application including redux-store middle ware, redux-saga middle ware and\nlanguage middle ware. We will explore other aspects of redux-saga and discuss how it can\nbe used in handling side effects.
\nChapter 7, Debugging Redux, in chapter, we will understand about the concept of\ndebugging and what types of tools we can use in order to debug our application. It is very\nunlikely that user will code everything with hundred percent accuracy. There can be logical\nerror, syntax error or semantic error. Understanding error from the browser, library or\nserver is a very important skill. Here we will explore how we can integrate redux dev tools.\nIn addition to that, we will integrate Hot Module Reloading and explore its benefits. Finally, we will understand about using Redux Dev tools.
Chapter 8, Understanding REST API, finally in the last chapter, we will set up our API\nserver and create ther required API required for our application. We will create GET, POST,\nPUT, and DELETE routes for our required module. We will explore a modern approach to\nstructure our server site components in terms of Model, Controller, Helper functions and\nutilities functions. We will explore use of nodeJS with express to build the REST API\ncomponents. Finally, we will explore the possibilities of extending the application for\nfurther research like deploying, and optimization.