The Learn to Code with React Certification Bundle
What's Included

Introduction To React & Redux: Code Web Apps In JavaScript

- Experience level required: Beginner
- Access 169 lectures & 18 hours of content 24/7
- Length of time users can access this course: Lifetime
Course Curriculum
169 Lessons (18h)
- Your First Program
- IntroductionJoin Our ForumTop 10 Things You Will Learn5:19Common Pitfalls and Mistakes5:03Quick Wins with React5:36Webpack Version Explanation (To Be Watched Before Starting)2:26
- Chapter 1: Introduction to React and JSX1.1 - Introduction to React and JSX Part 123:481.2 - Introduction to React and JSX Part 219:401.3 - Introduction to React and JSX Part 32:341.4 - Introduction to React and JSX Part 45:27Source Code 01: Setup
- Chapter 2: Components2.1 - Virtual DOM and Classes15:432.2 - ES6 Webpack Dev Server11:192.3 - React Components7:282.4 - React Components (Cont'd)9:042.5 - React Component Validators14:24Source Code 02: Components
- Chapter 3: States3.1 - React States Part 112:023.2 - React States Part 24:393.3 - React States Part 36:013.4 - React State Part 413:133.5 - React State Part 55:063.6 - React States "componentWillUnmount"6:343.7 - React States Webpack Hot Reloading4:54Source Code 03: States
- Chapter 4: Event Handling4.1 - React Event Handling Part 112:574.2 - React Event Handling Part 24:264.3 - React Event Handling Part 33:574.4 - React Event Handling Part 412:594.5 - React Event Handling Part 56:54Source Code 04: Event Handling
- Chapter 5: React Routers5.1 - React Props.children6:015.2 - React Router12:275.3 - React Router Direct URL4:195.4 - React Router Wildcard2:295.5 - React Router "Indexroute"6:045.6 - React Router Profile4:105.7 - React Router Nested Routes6:315.8 - React Router User Profile7:365.9 - React Router Redirects7:335.10 - React Redirects1:365.11 - React Router Profile6:485.12 - React Router Back Button3:255.13 - React Router Activeclassname5:225.14 - React Router Active Inline Styles2:575.15 - React Router Navlinks Components10:14Source Code 05: React Routers
- Chapter 6: Refactoring6.1 - React Slight Refactoring5:256.2 - React Slight Refactoring (Cont'd)4:57
- Chapter 7: Products Components7.1 - React Products Component Part 19:317.2 - React Products Component Part 24:237.3 - React Products Components Part 37:297.4 - React Products Component Part 47:207.5 - React Products Component Part 56:397.6 - React Products Component Part 68:56Source Code 06 & 07: Refactoring and Product Component
- Chapter 8: CSS8.1 - React Basic CSS Framework5:128.2 - React Basic CSS Framework (Cont'd)7:518.3 - React CSS Modules10:488.4 - React CSS Styling Part 19:018.5 - React CSS Styling Part 28:268.6 - React CSS Styling Part 37:218.7 - React CSS Styling Part 46:598.8 - React CSS Stylings Part 53:338.9 - React CSS Styling Part 64:238.10 - React CSS Extract to Separate File8:218.11 - React CSS Extract to Separate File (Cont'd)1:41Source Code 08: CSS
- Chapter 9: Introduction to Redux9.1 - Intro to Redux Part 19:259.2 - Intro to Redux Part 27:579.3 - Intro to Redux Part 37:159.4 - Intro to Redux Part 44:229.5 - Redux Store8:329.6 - Redux Store (Cont'd)3:039.7 - Redux Store Subscribe4:529.8 - Redux Store Subscribe (Cont'd)3:099.9 - Redux Combine Reducers9:45
- Chapter 10: Adding Redux to React10.1 - Adding Redux To React Part 127:2810.2 - Adding Redux To React Part 23:3110.3 - Adding Redux to React Part 310:4510.4 - Adding Redux to React Part 410:2710.5 - Delete Names7:4010.6 - Babel and Spread Operators4:46Source Code 09 & 10: Introduction to Redux and Adding Redux to react
- Chapter 11: Redux Action Creator and Product Refactor11.1 - Action Creators10:2311.2 - Profile Page16:3911.3 - Dispatch and onEnter7:3311.4 - Refactor into Separate Files3:4311.5 - Refactor into Separate files (Cont'd)1:2411.6 - Product Page13:1611.7 - Product Profile Page14:56Source Code 11: Redux Action Creators and Product Refactor
- Chapter 12: Redux State in createStore12.1 - Initial State in createStore6:3412.2 - Initial State in createStore (Cont'd)3:5712.3 - Adding Generated Names with Faker8:30Source Code 12: Redux State in createStore
- Chapter 13: Redux Middleware and Async Dispatching13.1 - Fake Backend and Middleware15:0613.2 - Thunk Middleware16:1413.3 - Thunk Checking State6:2413.4 - Get Profile Part 18:5313.5 - Get Profile Part 24:4613.6 - Get Profile Part 34:1813.7 - Get Profile Part 43:2213.8 - Get Names Refactor5:4713.9 - Add Random Name6:0413.10 - Add Random Name (Cont'd)4:39Source Code 13: Redux Middleware and Async Dispatching
- Chapter 14: Redux Refactoring, Logging, and Error Handling14.1 - Refactor Name Reducers6:5714.2 - Using Actions2:4414.3 - Error Handling Part 110:1114.4 - Error Handling Part 27:0414.5 - Error Handling Part 38:59Source Code 14: Redux Refactoring, Logging, and Error Handling
- Chapter 15: Products Lists and Profiles15.1 - Product List13:2415.2 - Product List (Cont'd)3:0415.3 - Product Profile10:5415.4 - Product Profile (Cont'd)4:0515.5 - Error Handling Refactor4:5715.6 - Error Handling Refactor (Cont'd)3:14Source Code 15: Product Lists and Profiles
- Chapter 16: Loading Spinner and Error Component16.1 - Loading Spinner9:1616.2 - Loading Spinner (Cont'd)7:1416.3 - Error Component11:24Source Code 16: Loading Spinner and Error Component
- Chapter 17: Adding User-Written Reviews17.1 - Adding Reviews Part 123:0117.2 - Adding Reviews Part 211:3217.3 - Adding Reviews Part 310:4817.4 - Adding User Reviews19:4617.5 - Refining Review Containers Part 13:5317.6 - Refining Review Containers Part 23:2417.7 - Refining Review Containers Part 36:00Source Code 17: Adding User-Written Reviews
- Chapter 18: Prototypes and Refactoring Error Handling18.1 - Adding Prototypes28:5718.2 - Adding Prototypes (Cont'd)14:2318.3 - Action Types6:3918.4 - Refactoring Error Handling6:2818.5 - Refactoring Error Handling (Cont'd)1:57Source Code 18: Prototypes and Refactoring Error Handling
- Chapter 19: Updating to Webpack 2 And Building Production Abundle19.1 - Migrating to Webpack27:1419.2 - Hot Reloading5:4319.3 - Hot Reloading (Cont'd)9:3119.4 - HTML Webpack Plugin4:4819.5 - Simple Production Build7:3419.6 - Dev Config File Update3:49Source Code 19: Updating to Webpack 2 And Building Production Abundle
- Chapter 20: Styling the App20.1 - Final Style Part 17:1320.2 - Final Styling Part 24:0720.3 - Final Styling Part 310:5320.4 - Final Styling Part 43:5820.5 - Final Styling Part 52:4020.6 - Styling NavBar2:3320.7 - Styling Product List Part 16:0620.8 - Styling Product List Part 25:1820.9 - Styling Product List Part 31:3420.10 - Styling Product Profile Part 16:1520.11 - Styling Product Profile (Cont'd)5:0620.12 - Styling Review5:0320.13 - Styling Review (Cont)2:1520.14 - Styling Continued1:5820.15 - Styling Namelist Part 13:4120.16 - Styling Namelist Part 23:3420.17 - Styling Namelist Part 31:4420.18 - Styling Layout Footer5:4420.19 - Styling Layout footer (Cont'd)2:3520.20 - General Layout Styling5:0720.21 - General Layout Styling (Cont'd)1:0720.22 - Font Work and More Styling17:11Source Code 20: Styling the App
- Chapter 21: Epilogue21 - Final Thoughts2:50Get 155+ courses!
Introduction To React & Redux: Code Web Apps In JavaScript
Mammoth Interactive
Mammoth Interactive produces XBOX 360, iPhone, iPad, Android, HTML 5, ad-games, and more. It's owned by top-rated instructor John Bura. Mammoth Interactive recently sold a game to Nickelodeon! John has been contracted by many different companies to provide game design, audio, programming, level design, and project management. To this day John has 40 commercial games that he has contributed to. Several of the games he has produced have risen to number 1 in Apple's app store. In his spare time, John likes to play ultimate Frisbee, cycle and work out.
Description
Used by the likes of Instagram, Facebook, Netflix, and Imgur, React is an efficient and flexible JavaScript library for building user interfaces. Meanwhile, Redux is a predictable state container that helps you manage the data your pages display. Together, these two tools play a key part in building professional, well-functioning apps; and you'll explore mastering them both in this training.
- Access 169 lectures & 18 hours of content 24/7
- Lay out a web app in a logical way
- Use JSX, a pre-processor that adds XML syntax to JavaScript
- Build a single-page app using React Router
- Code in ES6 & JavaScript
- Use webpack, a bundler for code
- Transition from webpack 1.0 to webpack 2.0
- Write modular CSS
- Use Redux, a predictable state container for JavaScript apps
- Refactor code (alter code to make it simpler & more efficient)
- Fix bugs & handle errors
Specs
Important Details
- Length of time users can access this course: lifetime
- Access options: desktop & mobile
- Redemption deadline: redeem your code within 30 days of purchase
- Experience level required: beginner
- Have questions on how digital purchases work? Learn more here
Requirements
- Modern web browser
- Basic HTML/CSS knowledge

Testing React Apps with React Testing Library

Building Modern React Apps (With Redux Toolkit + Typescript)

React Practice Course: Build React App from Scratch

Modern React JS Hooks & Context with Most Recent Edition

React Native & Router: Build Mobile Apps with React and Expo

React JS: Learn React JS from Scratch with Hands-On Projects

React Native: Learn React Native with Hands-On Practices

Redux with React JS: Learn Redux with Modern React JS
Terms
- Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.