{"heading":"Table of contents","id":18226085,"theme":{"name":"none","colors":{"background":"#ffffff","button":"#ad97ef","buttonText":"#ffffff","heading":"#36434d","text":"#5e6971"},"background":{"blend":"normal","blur":0,"contrast":75,"grayscale":100,"opacity":38,"url":null}},"button":{"text":null,"url":null},"enrollmentsClosed":false,"fileCounts":{"file":"4 files","text":"45 text files","video":null},"includedHeading":"","preLaunch":false,"products":null,"sections":[{"id":798697,"default":true,"name":"Contents","description":null,"blocks":[]},{"id":798699,"default":false,"name":"Introduction","description":"","blocks":[{"id":2449104,"icon":"file-text-o","title":"Who Is This Course For?","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/798699-introduction/2449104-who-is-this-course-for"}},{"id":2449109,"icon":"file-text-o","title":"Is Redux Still Worth Learning?","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/798699-introduction/2449109-is-redux-still-worth-learning"}},{"id":2476225,"icon":"file-text-o","title":"Read This Before Starting The Course","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/798699-introduction/2476225-read-this-before-starting-the-course"}}]},{"id":832912,"default":false,"name":"Food Ordering App","description":"","blocks":[{"id":2449113,"icon":"file-text-o","title":"Steps to Run the Application","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832912-food-ordering-app/2449113-steps-to-run-the-application"}},{"id":2452786,"icon":"paperclip","title":"food-delivery-app.zip","length":null,"filesize":"2.21 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832912-food-ordering-app/2452786-food-delivery-app-zip"}},{"id":2452787,"icon":"paperclip","title":"README.md","length":null,"filesize":"9.86 KB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832912-food-ordering-app/2452787-readme-md"}},{"id":2449121,"icon":"paperclip","title":"food_images.zip","length":null,"filesize":"4.46 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832912-food-ordering-app/2449121-food_images-zip"}}]},{"id":832913,"default":false,"name":"JavaScript Basics You Need to Learn Before Learning Redux","description":"

Before learning Redux, you need to know some of the JavaScript methods that are heavily used when working with Redux.

This is because these methods do not change the original array but they return a new modified array which is very important to achieve immutability.

You also need to know how to use rest and spread operator and how to work with arrow functions.

So let's understand these concepts which will help you to better understand Redux.

You can skip this section If you're already aware of these concepts.

","blocks":[{"id":2449133,"icon":"file-text-o","title":"Array map method","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832913-javascript-basics-you-need-to-learn-before-learning-redux/2449133-array-map-method"}},{"id":2449135,"icon":"file-text-o","title":"Array find method","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832913-javascript-basics-you-need-to-learn-before-learning-redux/2449135-array-find-method"}},{"id":2449138,"icon":"file-text-o","title":"Array filter method","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832913-javascript-basics-you-need-to-learn-before-learning-redux/2449138-array-filter-method"}},{"id":2449146,"icon":"file-text-o","title":"Array reduce method","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832913-javascript-basics-you-need-to-learn-before-learning-redux/2449146-array-reduce-method"}},{"id":2449149,"icon":"file-text-o","title":"Array Rest operator","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832913-javascript-basics-you-need-to-learn-before-learning-redux/2449149-array-rest-operator"}},{"id":2449152,"icon":"file-text-o","title":"Array Spread operator","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832913-javascript-basics-you-need-to-learn-before-learning-redux/2449152-array-spread-operator"}},{"id":2449153,"icon":"file-text-o","title":"Object Rest operator","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832913-javascript-basics-you-need-to-learn-before-learning-redux/2449153-object-rest-operator"}},{"id":2449155,"icon":"file-text-o","title":"Object Spread operator","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832913-javascript-basics-you-need-to-learn-before-learning-redux/2449155-object-spread-operator"}},{"id":2463250,"icon":"file-text-o","title":"Arrow Functions","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832913-javascript-basics-you-need-to-learn-before-learning-redux/2463250-arrow-functions"}},{"id":2467149,"icon":"file-text-o","title":"ES6 Import and Export Syntax","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832913-javascript-basics-you-need-to-learn-before-learning-redux/2467149-es6-import-and-export-syntax"}},{"id":2467151,"icon":"file-text-o","title":"ES6 Destructuring ","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832913-javascript-basics-you-need-to-learn-before-learning-redux/2467151-es6-destructuring"}},{"id":2478735,"icon":"file-text-o","title":"ES6 Promises","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832913-javascript-basics-you-need-to-learn-before-learning-redux/2478735-es6-promises"}},{"id":2478738,"icon":"file-text-o","title":"Async/await","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832913-javascript-basics-you-need-to-learn-before-learning-redux/2478738-async-await"}}]},{"id":832924,"default":false,"name":"Why Redux?","description":"","blocks":[{"id":2449159,"icon":"file-text-o","title":"Need of Using Redux","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832924-why-redux/2449159-need-of-using-redux"}},{"id":2449163,"icon":"file-text-o","title":"What is Redux?","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832924-why-redux/2449163-what-is-redux"}}]},{"id":832926,"default":false,"name":"Let's Begin","description":"","blocks":[{"id":2449174,"icon":"file-text-o","title":"Getting Started with Redux","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832926-let-s-begin/2449174-getting-started-with-redux"}},{"id":2449179,"icon":"file-text-o","title":"How to Change the Store","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832926-let-s-begin/2449179-how-to-change-the-store"}},{"id":2449186,"icon":"file-text-o","title":"Primitive and Reference Types","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832926-let-s-begin/2449186-primitive-and-reference-types"}},{"id":2449189,"icon":"file-text-o","title":"Creating Immutable Objects","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832926-let-s-begin/2449189-creating-immutable-objects"}},{"id":2449195,"icon":"file-text-o","title":"Creating Immutable Arrays","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832926-let-s-begin/2449195-creating-immutable-arrays"}},{"id":2458147,"icon":"file-text-o","title":"What Is a Reducer?","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832926-let-s-begin/2458147-what-is-a-reducer"}}]},{"id":836275,"default":false,"name":"Using react-redux Library","description":"","blocks":[{"id":2463270,"icon":"file-text-o","title":"Need of react-redux Library","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/836275-using-react-redux-library/2463270-need-of-react-redux-library"}},{"id":2463277,"icon":"file-text-o","title":"Create Contact Manager App","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/836275-using-react-redux-library/2463277-create-contact-manager-app"}},{"id":2463279,"icon":"file-text-o","title":"Using react-redux Library","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/836275-using-react-redux-library/2463279-using-react-redux-library"}},{"id":2466537,"icon":"file-text-o","title":"Display Added Contacts on The Lists Page","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/836275-using-react-redux-library/2466537-display-added-contacts-on-the-lists-page"}},{"id":2466542,"icon":"file-text-o","title":"Adding Remove Contact Functionality","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/836275-using-react-redux-library/2466542-adding-remove-contact-functionality"}},{"id":2466560,"icon":"file-text-o","title":"Using Constants for Action Types","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/836275-using-react-redux-library/2466560-using-constants-for-action-types"}},{"id":2469957,"icon":"file-text-o","title":"Installing and Configuring Redux Devtools","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/836275-using-react-redux-library/2469957-installing-and-configuring-redux-devtools"}}]},{"id":837849,"default":false,"name":"Redux Middleware","description":"","blocks":[{"id":2468520,"icon":"file-text-o","title":"How to Create A Middleware","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/837849-redux-middleware/2468520-how-to-create-a-middleware"}},{"id":2472455,"icon":"file-text-o","title":"Introduction to redux-thunk Middleware","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/837849-redux-middleware/2472455-introduction-to-redux-thunk-middleware"}},{"id":2472456,"icon":"file-text-o","title":"Creating Random Users Generator App","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/837849-redux-middleware/2472456-creating-random-users-generator-app"}},{"id":2474159,"icon":"file-text-o","title":"Need of Multiple Reducers","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/837849-redux-middleware/2474159-need-of-multiple-reducers"}}]},{"id":839621,"default":false,"name":"Creating Products Listing App","description":"","blocks":[{"id":2474160,"icon":"file-text-o","title":"Initial Project Setup","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/839621-creating-products-listing-app/2474160-initial-project-setup"}},{"id":2474161,"icon":"file-text-o","title":"Creating Initial Pages","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/839621-creating-products-listing-app/2474161-creating-initial-pages"}},{"id":2474162,"icon":"file-text-o","title":"Creating Redux Store","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/839621-creating-products-listing-app/2474162-creating-redux-store"}},{"id":2474164,"icon":"file-text-o","title":"Displaying List of Categories","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/839621-creating-products-listing-app/2474164-displaying-list-of-categories"}},{"id":2474165,"icon":"file-text-o","title":"Accessing List of Products","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/839621-creating-products-listing-app/2474165-accessing-list-of-products"}},{"id":2474167,"icon":"file-text-o","title":"Updating Redux Devtools Configuration","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/839621-creating-products-listing-app/2474167-updating-redux-devtools-configuration"}},{"id":2474172,"icon":"file-text-o","title":"Displaying Products on Category Change","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/839621-creating-products-listing-app/2474172-displaying-products-on-category-change"}},{"id":2474469,"icon":"file-text-o","title":"Adding Loading Indication","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/839621-creating-products-listing-app/2474469-adding-loading-indication"}},{"id":2474470,"icon":"paperclip","title":"products-listing-app.zip","length":null,"filesize":"235 KB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/839621-creating-products-listing-app/2474470-products-listing-app-zip"}}]},{"id":832943,"default":false,"name":"Next Section","description":"","blocks":[{"id":2449238,"icon":"file-text-o","title":"What's Next","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/mastering-redux/buy?term=full","visit":"/courses/mastering-redux/832943-next-section/2449238-what-s-next"}}]}],"showFileCount":false}