React and Redux Masterclass
5.0 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
537 students enrolled
Wishlisted Wishlist

Please confirm that you want to add React and Redux Masterclass to your Wishlist.

Add to Wishlist

React and Redux Masterclass

Master React JS components with Redux actions in Flux. Yarn, React Redux, Redux Thunk Reactjs, React.js test renderer
New
5.0 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
537 students enrolled
Last updated 9/2017
English
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 7 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create reusable stateless and easily testable components
  • Create pure & easily testable action handlers (reducers)
  • Connect stateless views with stateless reducers through React containers
  • Refactor applications to be more testable and reusable (decoupled)
  • Understand React Flux architecture and how to connect all the bits
View Curriculum
Requirements
  • Basic Javascript knowledge
  • Web development basics like HTML structure, DOM tree
  • I will assume you know what React is, and preferably created at least one HelloWorld-like application
Description

React is the library that modern Javascript developers need to know. Truly knowing how to write reusable React JS views and Redux reducers will get you a job, and enable you to build quality frontend applications.

Important: This course is concise and focuses on the ability to write decoupled React.js & Redux code.

All videos are professionally edited for your convenience.

Who is the target audience?
  • Those with Javascript skills who want to learn React library and start with good practices
  • Experienced React developers who struggle to maintain their projects
  • Anyone who strives to write reusable code using modern Javascript libraries
  • Redux users who embrace Flux architecture but use other library for Views than React
  • Those who struggle to write easily testable React or Redux code
Compare to Other Redux Framework Courses
Curriculum For This Course
30 Lectures
12:39:20
+
#1: Introduction and source code deep dive
3 Lectures 11:22
+
#2: Refactoring ES6 classes to React stateless components
5 Lectures 23:16
Splitting into separate files
09:18

Refactoring to function syntax - Button & Digits components
04:11

Refactoring Operators & ControlPanel
03:43

Dealing with stateful component - Display
03:15

Making Display stateless
02:49
+
#3: Decoupling React view from Redux store
5 Lectures 31:07
Installing redux and adding redux store
04:12

Adding redux actions and action handlers
08:55

Remove event emitter dependency
06:57

History view refactor
08:25

Decoupling history from store
02:38
+
#4: Refactoring to reusable Presentational Components using ReactRedux library
6 Lectures 32:37
Digit container and digit presentational component
07:47

Redux Thunk to fix history issue
07:16

Refactoring History to presentational component
04:54

Container Higher Order Components (HOC) to access dispatch
06:16

Polishing components props to be more reusable
04:07

Delegate passing store to ReactRedux provider
02:17
+
#5: Testing decoupled application
4 Lectures 27:21
Smoke test and sanity test
07:32

Snapshot testing
14:08

Enzyme public tests
03:28

Test coverage reports
02:13
+
Source Code Lectures
7 Lectures 16:39:57
Source code - beginning
07:21

Source code - 2.2
02:36:42

Source code - 2.5
02:45:03

Source code - 3.1
02:45:22

Source code - 3.5
02:45:49

Source code - 4.5
02:47:56

Source code - Course finish
02:51:42
About the Instructor
Mateusz Grzesiukiewicz
5.0 Average rating
2 Reviews
537 Students
1 Course
Javascript specialist

Mateusz has been building complex Javascript front ends for around 7 years

He gained experience from the best while working at Goldman Sachs (top company in investment banking), GoldenLine (social media, 1mln+ users) and XSolve (software house).

Mateusz has also experience in teaching Javascript:

- at private programming school - CodersLab (60h+)

- taught Javascript in two 1h long presentations for new hires - Goldman Sachs

- taught web development in 4h long workshop for new hires - XSolve