Best Redux Framework Courses

Find the best online Redux Framework Courses for you. The courses are sorted based on popularity and user ratings. We do not allow paid placements in any of our rankings. We also have a separate page listing only the Free Redux Framework Courses.

React – The Complete Guide (incl Hooks, React Router, Redux)

Dive in and learn React.js from scratch! Learn Reactjs, Hooks, Redux, React Routing, Animations, Next.js and way more!

Created by Academind by Maximilian Schwarzmüller - Online Education

"]

Students: 448892, Price: $129.99

Students: 448892, Price:  Paid

This course is the most up-to-date, comprehensive and bestselling React course on Udemy!

It was completely updated and re-recorded from the ground up in 2021 - it teaches the very latest version of React with all the core, modern features you need to know!

---

This course also comes with two paths which you can take: The "complete" path (full >40h course) and the "summary" path (~4h summary module) - you can choose the path that best fits your time requirements! :-)

---

React.js is THE most popular JavaScript library you can use and learn these days to build modern, reactive user interfaces for the web.

This course teaches you React in-depth, from the ground up, step by step by diving into all the core basics, exploring tons of examples and also introducing you to advanced concepts as well.

You'll get all the theory, tons of examples and demos, assignments and exercises and tons of important knowledge that is skipped by most other resources - after all, there is a reason why this course is that huge! :)

And in case you don't even know why you would want to learn React and you're just here because of some ad or "the algorithm" - no worries: ReactJS is a key technology as a web developer and in this course I will also explain WHY it's that important!

Welcome to "React - The Complete Guide"!

This course will teach you React.js in a practice-oriented way, using all the latest patterns and best practices you need. You will learn all the key fundamentals as well as advanced concepts and related topics to turn you into a React.js developer.

This is a huge course because it really covers EVERYTHING you need to know and learn to become a React.js developer!

No matter if you know nothing about React or if you already got some basic React knowledge (not required but also not a problem), you will get tons of useful information and knowledge out of this course!

My goal with this course is to ensure that you feel confident working with React, so that you can apply for React jobs, use it in your own projects or simply enhance your portfolio as a developer - whatever your goal is: This course gets you there!

I originally created this course in 2017 and I have kept it updated since that - redoing it from the ground up in 2021. And of course I'm dedicated to keeping this course up-to-date - so that you can rely on this course to learn React in the best possible way!

What's in this course?

  • A thorough introduction to React.js (What is it and why would you use it?)

  • All the core basics: How React works, building components with React & building UIs with React

  • Components, props & dynamic data binding

  • Working with user events and state to create interactive applications

  • A (thorough) look behind the scenes to understand how React works under the hood

  • Detailed explanations on how to work with lists and conditional content

  • React Hooks (in-depth)!

  • Working with built-in Hooks and building custom Hooks

  • How to debug React apps

  • Styling React apps with "Styled Components" and "CSS Modules"

  • Working with "Fragments" & "Portals"

  • Dealing with side effects

  • Class-based components and functional components

  • Sending Http requests & handling transitional states + responses

  • Handling forms and user input (incl. validation)

  • Redux & Redux Toolkit

  • Routing with React Router

  • An in-depth introduction into Next.js

  • Deploying React Apps

  • Implementing Authentication

  • Unit Tests

  • Combining React with TypeScript

  • Adding Animations

  • Tons of examples and demo projects so that you can apply all the things you learned in real projects

  • And so much more - check out the full curriculum on this page!

This really is the "Complete Guide" - promised!

And best of all?

You don't need any prior React knowledge!

This course starts with zero knowledge assumed! All you need is basic web development and JavaScript knowledge (though the course even includes a brief JavaScript refresher to ensure that we're all on the same page!).

Check out the full curriculum, the free preview videos and join the course risk-free thanks to the 30-day money-back guarantee!

Modern React with Redux

Master React and Redux with React Router, Webpack, and Create-React-App. Includes Hooks!

Created by Stephen Grider - Engineering Architect

"]

Students: 243754, Price: $109.99

Students: 243754, Price:  Paid

Congratulations!  You've found the most popular, most complete, and most up-to-date resource online for learning React and Redux!

Thousands of other engineers have learned React and Redux, and you can too.  This course uses a time-tested, battle-proven method to make sure you understand exactly how React and Redux work, and will get you a new job working as a software engineer or help you build that app you've always been dreaming about.

The difference between this course and all the others: you will understand the design patterns used by top companies to build massively popular web apps.

React is the most popular Javascript library of the last five years, and the job market is still hotter than ever.  Companies large and small can't hire engineers who understand React and Redux fast enough, and salaries for engineers are at an all time high.  It's a great time to learn React!

----------------------

What will you build?

This course features hundreds of videos with dozens of custom diagrams to help you understand how React and Redux work.  No prior experience with either is necessary. Through tireless, patient explanations and many interesting practical examples, you'll learn the fundamentals of building dynamic and live web apps using React.

Each topic included in this course is added incrementally, to make sure that you have a solid foundation of knowledge.  You'll find plenty of discussion added in to help you understand exactly when and where to use each feature of React and Redux.

My guarantee to you: there is no other course online that teaches more features of React and Redux.  This is the most comprehensive resource there is.

Below is a partial list of the topics you'll find in this course:

  • Master the fundamental features of React, including JSX, state, and props

  • From square one, understand how to build reusable components

  • Dive into the source code of Redux to understand how it works behind the scenes

  • Test your knowledge and hone your skills with numerous coding exercises

  • Integrate React with advanced browser features, even geolocation API's!

  • Use popular styling libraries to build beautiful apps

  • Master different techniques of deployment so you can show off the apps you build!

  • See different methods of building UI's through composition of components

Besides just React and Redux, you'll pick up countless other tidbits of knowledge, including ES2015 syntax, popular design patterns, even the clearest explanation of the keyword 'this' in Javascript that you'll ever hear.

This is the course I wanted to take when I first learned React: complete, up-to-date, and clear.

The Complete React Native + Hooks Course

Understand React Native with Hooks, Context, and React Navigation.

Created by Stephen Grider - Engineering Architect

"]

Students: 156097, Price: $89.99

Students: 156097, Price:  Paid

If you're tired of spinning your wheels learning Swift or Android, this is the course for you.

Authentication? You will learn it.  Hooks? Included.  Navigation? Of course!

This course will get you up and running with React Native quickly, and teach you the core knowledge you need to deeply understand and build React components for mobile devices.

Both OSX and Windows supported - develop iOS or Android!

This course includes content on both v0.62.2 and the legacy v0.30.x, which is widely used in industry.

We'll start by mastering the fundamentals of React, including JSX, “props", “state", and event handling. Source code is provided for each lecture, so you will always stay up-to-date with the course pacing.  Special attention has been paid to creating reusable components that you'll be able to make use of on your own fantastic projects.

React Native is an excellent solution for developing apps on mobile in a fraction of the time it takes to make an equivalent iOS or Swift app.  You'll love seeing your changes instantly appear on your own device, rather than waiting for Swift/Java code to recompile!  This quick feedback loop, along with excellent cross platform support, is what has catapulted React Native to the top must-have skill for Javascript engineers.

If you are new to React, or if you've been working to learn it but sometimes feel like you still don't quite 'get it', this is the React course for you! To learn React you have to understand it.

  • Learn how to use React's custom markup language, JSX, to clean up your Javascript code

  • Master the process of breaking down a complex component into many smaller, interchangeable components

  • Grasp the difference between “props" and “state" and when to use each

  • Render interactive, media-rich components in beautifully styled apps

  • Develop apps that are unique, fun, and responsive

  • Build on both Android and iOS platforms

  • Master integration with Firebase for user authentication

  • Learn the core principles of navigation with React Native

I've built the course that I would have wanted to take when I was learning React Native. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

React Native – The Practical Guide [2021 Edition]

Use React Native and your React knowledge to build native iOS and Android Apps - incl. Push Notifications, Hooks, Redux

Created by Academind by Maximilian Schwarzmüller - Online Education

"]

Students: 124745, Price: $129.99

Students: 124745, Price:  Paid

Mobile apps are one of the best ways to engage with users - no wonder everyone wants to build one!

Wouldn't it be great if you could use your web development knowledge, combined with your React knowledge, to build mobile apps with that?

That's exactly what React Native allows you to do!

No need to learn Java, Android, Swift, ObjectiveC or anything of that - React and JavaScript is all you need to create awesome native mobile apps that work on both Android and iOS. That's probably the reason why Instagram, AirBnB, Skype and many other global companies are using it to build their mobile apps!

With this course, you can join this league. I'll teach you all you need to create your own React Native apps, publish them to the Google Play Store and Apple App Store and dive really deep into the React Native ecosystem.

You'll learn all about the theory behind React Native, its core concepts, how to build responsive designs that work on different device sizes, how to navigate around, use maps and the camera and so much more!

And which better way to learn than by building a real app? We'll build the "Awesome Places" app in this course, an app where users can share amazing pictures and the location where they took them. This app will allow you to see things like using maps, the camera, user authentication, connecting to a server and much more in action.

By the end of the course, we'll of course also go through all steps required to get it into an app store.

Here's a detailed look at what you'll get:

  • The core concepts and theory

  • How to use React, JavaScript and native components

  • Understand how to navigate in React Native apps

  • A closer look at styling and animating React Native apps

  • Instructions on how to use third-party libraries in your React Native app

  • Detailed examples on how to use maps or an image picker

  • A full user authentication flow

  • How to connect to a backend server from your app

  • Debugging instructions

  • And so much more!

What will you need to succeed in this course?

  • NO Android, Java, Swift or ObjectiveC knowledge is required!

  • JavaScript and React (for the web) knowledge is required though - you don't need to be an expert but the basics need to be set (though there are refresher sections in this course!)

I'd be very happy to welcome you in the course!

Max

Complete React Developer in 2021 (w/ Redux, Hooks, GraphQL)

Become a Senior React Developer! Build a massive E-commerce app with Redux, Hooks, GraphQL, ContextAPI, Stripe, Firebase

Created by Andrei Neagoie - Senior Software Developer / Founder of zerotomastery.io

"]

Students: 77525, Price: $99.99

Students: 77525, Price:  Paid

Just updated with all new React features for 2021 (React v17)! Join a live online community of over 400,000+ developers and a course taught by industry experts that have actually worked both in Silicon Valley and Toronto with React.js.

Using the latest version of React (React 17), this course is focused on efficiency. Never spend time on confusing, out of date, incomplete tutorials anymore. Graduates of Andrei’s courses are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, + other top tech companies.

We guarantee you this is the most comprehensive online resource on React. This project based course will introduce you to all of the modern toolchain of a React developer in 2021. Along the way, we will build a massive e-commerce application similar to Shopify using React, Redux, React Hooks, React Suspense, React Router, GraphQL, Context API, Firebase, Redux-Saga, Stripe + more. This is going to be a full stack app (MERN stack), using Firebase.

The curriculum is going to be very hands on as we walk you from start to finish of releasing a professional React project all the way into production. We will start from the very beginning by teaching you React Basics and then going into advanced topics so you can make good decisions on architecture and tools on any of your future ReactJS projects.

All code is going to be provided step by step and even if you don’t like to code along, you will get access to the the full master project code so anyone signed up for the course will have their own project to put on their portfolio right away.

The topics covered will be:

- React Basics

- React Router

- Redux

- Redux Saga

- Asynchronous Redux

- React Hooks

- Context API

- React Suspense + React Lazy

- Firebase

- Stripe API

- Styled-Components

- GraphQL

- Apollo

- PWAs

- React Performance

- React Design Patterns

- Testing with Jest, Enzyme and Snapshot testing

- React Best Practices

- Persistance + Session Storage

- State Normalization

+ more

Wait wait… I know what you’re thinking. Why aren’t we building 10+ projects? Well, here’s the truth: Most courses teach you React and do just that. They show you how to get started, build 10 projects that are simple and easy to build in a day, and just add some CSS to make them look fancy. In real life though, you’re not building silly applications. When you apply to jobs, nobody is going to care that you built a really pretty To Do app. Employers want to see you build large apps that can scale, that have good architecture, and that can be deployed to production.

Let me tell you 3 reasons why this course is different from any other React tutorial online:

1. You will build the biggest project you will see in any course. This type of project would take you months to implement yourself.

2. This course is taught by 2 instructors that have actually worked for some of the biggest tech firms using React in production. Yihua has been working on some of the biggest e-commerce websites that you have definitely heard of and probably have shopped at. Andrei has worked on enterprise level React applications for large IPOed tech firms in Silicon Valley as well as Toronto. By having both of them teach, you get to see different perspective and learn from 2 senior developers as if you are working at a company together.

3. We learn principles that are important beyond just what you learn as a beginner. Using the instructor's experiences you learn about design patterns, how to architect your app, organize your code, structure your folders, and how to think about performance. Let’s just say we don’t shy away from the advanced topics.

This course is not about making you just code along without understanding the principles so that when you are done with the course you don’t know what to do other than watch another tutorial. No! This course will push you and challenge you to go from an absolute beginner in React to someone that is in the top 10% of React developers. 

Taught By:

Andrei Neagoie is the instructor of the highest rated Development courses on Udemy as well as one of the fastest growing. His graduates have moved on to work for some of the biggest tech companies around the world like Apple, Google, Amazon, JP Morgan, IBM, UNIQLO etc... He has been working as a senior software developer in Silicon Valley and Toronto for many years, and is now taking all that he has learned, to teach programming skills and to help you discover the amazing career opportunities that being a developer allows in life. 

Having been a self taught programmer, he understands that there is an overwhelming number of online courses, tutorials and books that are overly verbose and inadequate at teaching proper skills. Most people feel paralyzed and don't know where to start when learning a complex subject matter, or even worse, most people don't have $20,000 to spend on a coding bootcamp. Programming skills should be affordable and open to all. An education material should teach real life skills that are current and they should not waste a student's valuable time.   Having learned important lessons from working for Fortune 500 companies, tech startups, to even founding his own business, he is now dedicating 100% of his time to teaching others valuable software development skills in order to take control of their life and work in an exciting industry with infinite possibilities. 

Andrei promises you that there are no other courses out there as comprehensive and as well explained. He believes that in order to learn anything of value, you need to start with the foundation and develop the roots of the tree. Only from there will you be able to learn concepts and specific skills(leaves) that connect to the foundation. Learning becomes exponential when structured in this way. 

Taking his experience in educational psychology and coding, Andrei's courses will take you on an understanding of complex subjects that you never thought would be possible.  

See you inside the courses!

--------

Yihua Zhang is one of the Instructors of Zero To Mastery, one of the highest rated and fastest growing Web Development academies on Udemy. He has been working as a software developer for numerous years in Toronto for some of the largest tech companies in the world. He has also been working as an instructor for more than a decade. He is focused on bringing everything he has learned to help you achieve a new career as a developer, but also give you all the fundamental skills required to flourish in this incredible industry.

Yihua is a self taught developer, so he fully understands the challenges and mindset of coming into this industry from various other backgrounds. He has been on both sides of the table, as both an instructor and student numerous times so he can empathize with the difficulty of learning something new and challenging. Learning itself is a skill that needs to be practiced and improved upon, and he is dedicated to helping you improve and master that skill for yourself. Courses need to be practical, you need to be able to understand why you are learning the things that you are being taught. You need to understand the problem before you know the solution, and he prides himself on teaching you how to build professional, real world applications so you truly understand why you are doing things a specific way. He will teach you the mindset and skillset required to grow as a developer as fast as possible, so you can have the rich and fulfilling life that comes with this career.

Yihua's courses will guide you to build beautifully written and richly featured applications, while truly understanding all the complex concepts you will encounter along the way.

Advanced React and Redux

Walkthroughs on advanced React v16.6.3 and Redux v4.0.0 - Authentication, Testing, Middlewares, HOC's, and Deployment

Created by Stephen Grider - Engineering Architect

"]

Students: 75022, Price: $89.99

Students: 75022, Price:  Paid

Knowledge of React + Redux is 100% required! If you are familiar with reducers and action creators you will be fine.

Course includes content specific to React v16.6.3 and Redux v4.0.1! For React v14, start with the section titled "Testing with React v14"

This is the tutorial you've been looking for to take your React and Redux skills to the next level.

Authentication with Express/Mongo?  Yes!  Middleware/Higher Order Components? We got it.  Testing with Mocha/Chai?  It's here!

This course wastes no time diving right into interesting topics, and teaches you the core knowledge you need to deeply understand and build React components and structure applications with Redux.

Mastering React and Redux can get you a position in web development or help you build that personal project you've been dreaming of. It's a skill that will put you more in demand in the modern web development industry, especially with the release of Redux and ReactNative.

There are dozens of great tutorials online for React and Redux, but none of them teach the challenging, core features of these two fantastic libraries.  I created this course to push you beyond "just getting started."

  • Learn how to thoroughly test React and Redux code, including tests for action creators and reducers

  • Get familiar with Higher Order Components.  Don't know what they are?  No problem, you have been using them without even knowing it!

  • Rewrite a popular Redux Middleware from scratch to handle asynchronous actions

  • Become a master of the trickiest topic in Javascript: authentication.  You will write a server with enterprise-grade authentication from scratch that can scale to hundreds of thousands of users.  No shortcuts, no dummy data.

I have built the course that I would have wanted to take when I was learning React and Redux.  A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

The Complete React Developer Course (w/ Hooks and Redux)

Learn how to build and launch React web applications using React, Redux, Webpack, React-Router, and more!

Created by Andrew Mead - A Full-stack Developer & Teacher

"]

Students: 72202, Price: $99.99

Students: 72202, Price:  Paid

This course was just updated to support React v16, React Hooks, the Context API, and more!

--

Have you tried to learn React before?

It’s easy to go down the rabbit hole of libraries and tools only to come out of it not knowing how to build and launch a real-world React application. You get things configured, but you’re not sure how the libraries fit together (or if you’re even using the right one).

Sound familiar?

I built this course to show you how you can build and launch real-world React web applications.

The Complete React Web Developer Course 2 starts with the fundamentals and covers everything you’ll need to build and launch React web apps.

You’ll see what it takes to build and launch a React app, from the first line of code to the final production deployment.

This course was designed around one goal: turning you into a professional React developer capable of developing, testing, and deploying real-world production applications.

You’ll learn React by doing, not watching.

From the first videos you’ll be building out each project as well as completing programming challenges I’ve designed to test and reinforce what you’ve learned.

Throughout the course you’ll build two React web apps:

  1. The first app, a decision-making app called Indecision, is our starter application. You’ll learn the fundamentals of React while seeing exactly what it takes to get a React app up and running.

  2. The second app, an expense manager called Budget, has all the features you’d expect from a real application. You’ll set up authentication, user accounts, routing, testing, form validation, database storage, and more.

Stay up-to-date in an ever changing world.

The world of React changes fast, and that’s why I’m always working to keep this course as up-to-date as possible. You can jump in knowing you’re getting access to hot-off-the-press features.

Everything you need comes in one easy-to-use package.

There’s no need to worry if you’re learning the right skills to land that React job or launch that React app. I’ve mapped out everything you need to know in an interactive easy-to-follow package designed to get you up and running in a couple of weeks.

There’s no better time to learn React.

React’s not going anywhere. Companies like Facebook, Walmart, Uber, Airbnb, and Netflix are all using React in production right now.

They’ve also made heavy investments in the React ecosystem, creating new libraries and tools that speed up and simplify React development. From the biggest to the smallest, everyone’s using React and new jobs are popping up every day.

Get access to fast support if you get stuck.

There’s nothing worse than getting stuck ten hours into a course and not getting the help you need to continue. Getting stuck is part of the learning process. That’s why I’m here to answer every single question.

I’ll work with you to get you unstuck and back on track. It’s one of the reasons students love taking my courses:

“This is the absolute best course I've taken on udemy. Andrew is amazing at explaining things concisely, and the flow of the course is perfect. He doesn't skip over anything and he doesn't over-explain anything. On top of all that, he responds to questions so quickly that you won't be stuck at any point." - Tanya Gamarian

"The lessons are of high quality and even more important, he actually takes time to answer your questions!" - Thomas Vercamer

"The instructor does an excellent job in explaining how to build React Apps. He also responds quickly to any questions that are asked." - Matt Willy

I guarantee that this is the most up-to-date and engaging React course available, and it comes with a Udemy 30-day money-back guarantee.

Over eighteen sections you’ll learn:

  1. React

  2. Redux

  3. React-Router

  4. Webpack

  5. Babel

  6. Testing with Jest

  7. Enzyme

  8. App Debugging

  9. App Deployment

  10. Firebase

  11. Authentication

  12. Git/GitHub

  13. ES6/ES7

  14. And many more tools

I can’t wait to see you on the inside!

- Andrew

React Native: Advanced Concepts

Master the advanced topics of React Native: Animations, Maps, Notifications, Navigation and More!

Created by Stephen Grider - Engineering Architect

"]

Students: 44590, Price: $94.99

Students: 44590, Price:  Paid

Note: This course assumes you've got the basics of React Native down.  Check out my course 'The Complete React Native and Redux' course, its the perfect preparation!

Go beyond the basics of React Native!  This course will teach you the advanced topics you need to make a #1 best-selling app.

Push Notifications? You will learn it.  In Depth Animations? Included.  Offline Data PersistenceOf course!

------------------------------

What Will You Build?

All of my courses are 'learn-by-doing': no boring endless lectures with Powerpoints, only live, interactive coding examples.  In this course we'll build three separate apps with increasing complexity, each of which will profile different features of React Native.  By putting each concept into a real app, you'll get a better idea of when to use each unique and powerful feature.

1) Build a Tinder-like Swipe Deck. Yes, the classic animated component!  We'll make a big stack of beautiful cards that a user can slide around the screen, swiping right to 'like' an item, or 'left' to dislike an item.  This warmup will get you familiar with interpreting touch input through the PanResponder system, moving elements around with the Animated module, and turning extrapolating animation values through the Interpolation system.

2) Dive into the backend with One Time Password authentication. Ever been prompted to sign in using a code that gets texted to you?  One Time Passwords are a new authentication flow that leverages a user's phone number as their unique identifying token.  We will use the Twilio API to send a text message to a user to verify their identity, while securing our business logic into Firebase's new Google Cloud Functions.

3) Your own Job-Search app.  Tinder for jobs! This app is is 100% feature complete!  We'll build an app with a full welcome-screen tutorial for our new user's, Facebook authentication, and map components.  The user will be presented with a list of jobs to like or dislike based on their location by leveraging Indeed's Job API, then follow up and apply to their choice jobs.

Both OSX and Windows supported - develop iOS or Android!

------------------------------

Here's what we'll learn:

  • Learn the theory and practice of implementing complex Animation systems
  • Bootstrap your app using the new Expo platform
  • Navigate your user around using React-Navigation
  • Engage your users with automated Push Notifications
  • Enhance authentication flows in your app with One Time Passwords with Twilio
  • Increase your app's reliability with Offline Data Persistence
  • Educate your users on how to use your app with Welcome Tutorial pages
  • Authenticate your users using Facebook OAuth
  • Go beyond the mobile front end with Google Cloud Functions: Add custom logic to your Firebase backend
  • Locate your users with cross-platform MapView components

I've built the course that I would have wanted to take when I was learning React Native. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

React Tutorial and Projects Course

Step by Step Learn React.js and Create Interesting Projects

Created by John Smilga - Instructor

"]

Students: 22898, Price: $19.99

Students: 22898, Price:  Paid

React was released by Facebook's web development team in 2013 as a view library. React is one of the best choices for building modern web applications. React has a slim API, a robust and evolving ecosystem and a great community. In this course we will be learning React by creating various projects.If you want to learn more than just same old tutorial and instead create interesting projects using React.js this course is for you.

All Project Intros are available for preview.

Server Side Rendering with React and Redux

Build React, Redux, and React Router apps using Server Side Rendering (SSR), Isomorphic, and Universal JS techniques

Created by Stephen Grider - Engineering Architect

"]

Students: 21637, Price: $39.99

Students: 21637, Price:  Paid

Note: This course assumes you've got the basics of React, Redux, and Express down.  Check out my course 'Node with React', its the perfect preparation!

Go beyond the basics of React and Redux!  This course will teach you to combine the ultra-popular React v16, Redux, React Router, and Express technologies to build a server-side-rendered web application.

All of my courses are 'learn-by-doing': no boring endless lectures with Powerpoints, only live, interactive coding examples.  In this course we'll build one application that profiles the challenges of server side rendering with React, Redux, React Router, and Express.  By putting each concept into a real app, you'll get a better idea of when to use each unique and powerful feature.

Ever wonder why there are so few courses online that teach server side rendering techniques?  Sure, there are blog posts that show a tiny portion of a server side rendered app, but there are nearly no resources online to give you the full server side rendering experience from start to finish.  This course is the most complete resource online for learning about exactly why server side rendering is so challenging.  You'll learn the biggest hurdles, along with multiple solutions to each major problem, giving you the toolset you need to tackle server side rendering techniques in your own applications.

Here's what we'll learn:

  • Learn the architectural considerations of building a server side rendered app
  • Connect a Webpack-powered front and and backend app together
  • Communicate data from your server to client using Redux initial state to your React application
  • Secure your application from common XSS attacks caused by state rehydration
  • Understand how to route user requests on the front end with React Router and on the backend with Express
  • Handle errors and redirects properly that occur during the server rendering process
  • Authenticate your users with cookie-based authentication during the server rendering phase
  • Understand why JWT's are not appropriate for use in a server rendered app
  • Enhance authentication flows in your app with Google OAuth authentication

I've built the course that I would have wanted to take when I was learning to build server side rendered apps. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

Complete React Native in 2021: Zero to Mastery [with Hooks]

Master React Native for iOS and Android Mobile App Development using JavaScript. Build a modern e-commerce mobile app!

Created by Andrei Neagoie - Senior Software Developer / Founder of zerotomastery.io

"]

Students: 10717, Price: $89.99

Students: 10717, Price:  Paid

Just released this month with all new React Native features for 2021! Join a live online community of over 400,000+ developers and a course taught by industry experts that have actually worked both in Silicon Valley and Toronto with React Native.

Using the latest version of React Native, this course is focused on efficiency. Never spend time on confusing, out of date, incomplete tutorials anymore, and instead, learn to build professional and modern Android and iPhone (iOS) apps! Graduates of Andrei’s courses are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, + other top tech companies.

We guarantee you this is the most comprehensive online resource on React Native. This project based course will introduce you to all of the modern toolchain of a React Native app developer in 2021. Along the way, we will build a massive restaurant application using React, React Hooks, Expo, React Navigation, Firebase, Styled-Components, Google Maps/Places API, React Animations, Stripe Payments, + more. This is going to be a full iOS and Android app!

The curriculum is going to be very hands on as we walk you from start to finish of releasing a professional React Native project all the way into production. We will start from the very beginning by teaching you React basics and then going into advanced topics so you can make good decisions on architecture and tools on any of your future React Native projects.

All code is going to be provided step by step and even if you don’t like to code along, you will get access to the the full master project code so anyone signed up to the course will have their own app to put on their portfolio right away.

The topics covered will be:

  • React Basics

  • React Native Fundamentals

  • Debugging React Native

  • React Navigation

  • React Hooks

  • Custom React Hooks

  • Firebase API

  • Google Maps API

  • React Best Practices

  • React Native Best Practices

  • Persistance + Session Storage

  • Android Development

  • iOS Development

  • Lottie Animations

  • Eslint And Cleaning Up Code

  • Asynchronous Javascript

  • React Native AsyncStorage and Animation

  • CSS in JS - Styled Components

  • React Native Styling

  • Installing Custom Fonts

  • Device Permissions

  • React Native App Layout

  • Modular React Code

  • Building On Expo

  • Distributing App to App and Google Play Store

  • Integrating Payments With Stripe API

  • + more

Wait wait… I know what you’re thinking. Why aren’t we building 10+ projects? Well, here’s the truth: Most courses teach you React Native and do just that. They show you how to get started, build 10 projects that are simple and easy to build in a day, and just add some styling to make them look fancy. In real life though, you’re not building silly applications. When you apply to jobs, nobody is going to care that you built a really pretty single page app. Employers want to see you build large apps that can scale, that have good architecture, and that can be deployed to the app stores.

Let me tell you 3 reasons why this course is different from any other React Native tutorial online:

1. You will build the biggest project you will see in any course. This type of project would take you months to implement yourself.

2. This course is taught by 2 instructors that have actually worked for some of the biggest firms using React Native. Mo is a super star when it comes to React Native. He is a Solutions Architect with over 7 years of experience in Software Architecture and Development. Having worked as a consultant for the majority of his career, he has seen it all in the Mobile Development world. He is also a tech lead who has build mobile and web apps for top banks, big tech companies, and one of the biggest online e-commerce stores in the world. Andrei has worked on enterprise level React applications for large tech firms in Silicon Valley as well as Toronto and his latest project was for a React Native app for one of the biggest pharmaceutical companies in the world. By having both of them teach, you get to see different perspective and learn from 2 senior developers as if you are working at a company together.

3. We learn principles that are important beyond just what you learn as a beginner. Using the instructor's experiences you learn about design patterns, how to architect your app, organize your code, structure your folders, and how to think about performance. Let’s just say we don’t shy away from the advanced topics. But more importantly, we are committed to keeping this course up to date so that as the mobile landscape changes, you always have the latest best practices with you.

This course is not about making you just code along without understanding the principles so that when you are done with the course you don’t know what to do other than watch another tutorial. No! This course will push you and challenge you to go from an absolute beginner in React Native to someone that is in the top 10% of React Native developers. 

See you inside the course!

Taught By:

Andrei Neagoie is the instructor of the highest rated Development courses on Udemy as well as one of the fastest growing. His graduates have moved on to work for some of the biggest tech companies around the world like Apple, Google, Amazon, JP Morgan, IBM, UNIQLO etc... He has been working as a senior software developer in Silicon Valley and Toronto for many years, and is now taking all that he has learned, to teach programming skills and to help you discover the amazing career opportunities that being a developer allows in life. 

Having been a self taught programmer, he understands that there is an overwhelming number of online courses, tutorials and books that are overly verbose and inadequate at teaching proper skills. Most people feel paralyzed and don't know where to start when learning a complex subject matter, or even worse, most people don't have $20,000 to spend on a coding bootcamp. Programming skills should be affordable and open to all. An education material should teach real life skills that are current and they should not waste a student's valuable time.   Having learned important lessons from working for Fortune 500 companies, tech startups, to even founding his own business, he is now dedicating 100% of his time to teaching others valuable software development skills in order to take control of their life and work in an exciting industry with infinite possibilities. 

Andrei promises you that there are no other courses out there as comprehensive and as well explained. He believes that in order to learn anything of value, you need to start with the foundation and develop the roots of the tree. Only from there will you be able to learn concepts and specific skills(leaves) that connect to the foundation. Learning becomes exponential when structured in this way. 

Taking his experience in educational psychology and coding, Andrei's courses will take you on an understanding of complex subjects that you never thought would be possible.  


--------

Mo Binni is a Solutions Architect with over 7 years of experience in Software Architecture and Development. Having worked as a consultant for the majority of his career, he has seen it all.

He has worked on global applications for multi-nationals, governments and Fortune 500 companies using React Native.

Throughout his career he has seen every type of developer and development practice, and the one thing that he believes more than anything is that software development is a pragmatic team sport. Go fast alone, go far together!

My main goal with instructing is to teach the foundational knowledge to set you up for life-long learning. Software and development practices change often, but when you have the right foundation adapting to the constant change becomes easy!

Build an app with React, Redux and Firestore from scratch

Learn how to build a web app with React, Redux and Firestore from beginning to publishing

Created by Neil Cummings - Professional freelance software developer

"]

Students: 8723, Price: $109.99

Students: 8723, Price:  Paid

*** Re-recorded, rewritten and fully up to date as at  July 2020***

Do you want to learn React and Redux in the context of building a complete application?   Do you want to learn about Firestore, the new Database offering from Google that provides 'live data' to our application?  Are you the type of learner who gets most out of actually building an application rather than watching endless slides about how something is supposed to work?  If so then this course is for you!

In this course we build a complete application from start to finish. 

Every line of code is demonstrated and explained.  We warm up by building a CRUD application in React, we then enhance it by adding Redux and following that we add in Firestore to provide the persistence layer for the application.

Here are just some of the things you will learn about in this course:

  • Setting up the developer environment

  • Creating a React application using the create-react-app utility from Facebook

  • Login and Register functionality using Firebase authentication

  • Adding social login for Facebook and Google into the application

  • Google maps and Places autocomplete integration

  • Photo uploading using drag and drop, with resizing and cropping of the images before upload

  • Adding a live chat system

  • Paging, Sorting and Filtering with Firestore

  • Infinite scroll for the pagination

  • Firestore database design

  • Creating reusable form components with Formik forms

  • Building a great looking application with Semantic UI

  • Many more things as well

Tools you need for this course

In this course all lessons are demonstrated using Visual Studio Code, a free (and really good) cross platform code editor.  You can of course use your preferred IDE or Code editor of choice and any operating system you like... well as long as it's either Max OSX, Windows or Linux.

Is this course for you?

This course is extremely practical.  About 90% of our time is spent actually building the application.  If you are the type of person who gets the most out of learning 'by doing', then this course will be for you.

Please note that we do not start from zero coding knowledge.   Whilst this is aimed at beginner/intermediate level, you will need to have some basic javascript knowledge (not a lot is needed) or if you are coming from another programming language then you should be fine with this course.  It's designed to take you from beginner level to having the skills to build a much more significant application.

What do we do on this course

We are building a social events application, much like Facebook events or Meetup.   Building a social application gives us opportunity to build more than just a simple CRUD application.

React For The Rest Of Us

Learn React JS to create Single Page Applications (SPA) using modern practices like Context, Reducer, Suspense and more

Created by Brad Schiff - Web Developer

"]

Students: 7633, Price: $109.99

Students: 7633, Price:  Paid

Learn the world's most popular library for creating user interfaces!

What makes this course different is we take the time to understand *why* we're doing what we're doing. We begin by asking an important question that so many other React courses skip entirely; What problem does React solve?

Once we understand what React is and isn't, we spend the remainder of the course together building the front-end for a real world social media app where you can post, follow other users and even hop into a live chatroom. Along the way we will:

  • Understand what "state" is in React and how to bring our interfaces to life

  • Use the modern "hook" approach with Function Components

  • Leverage React Router to create a Single Page Application with shareable URLs

  • See the power of Context, Reducer, and Immer and create an ideal way of working with state

  • Run code at the perfect moments by understanding the power of useEffect()

  • Use async HTTP requests to communicate with APIs so that our app feels meaningful by working with real data

  • Deploy our app up onto the web so you can share it with your friends and family

This course may be brand new, but this isn’t my first time teaching. I’ve led training sessions for Fortune 500 companies and I’ve already helped over 98,000 people on Udemy and received the following feedback:

"Brad definitely has some of the best techniques to embed the lesson into your mind… hands down these are the best tutorials I have had the opportunity to view."

"Presentation is concise without being tedious… you honestly feel that you have a thorough understanding of the subject."

"…[Brad] explained the process. Not memorize this or that, he explained the process. If you're looking to take a course to understand the foundations of creating websites, look no further."

Become highly valuable and relevant to the companies that are hiring front-end developers; in one convenient place alongside one instructor. If you're ready to begin building with React - I'll see you on the inside!

The Complete Guide to Advanced React Component Patterns

Build reusable React components without relying on if statements or more props! Use hooks & trusted advanced patterns!

Created by Ohans Emmanuel - Senior Frontend Engineer, Author.

"]

Students: 5996, Price: $44.99

Students: 5996, Price:  Paid

Hey! hey! You've found a one-of-a-kind resource that teaches advanced React patterns in plain, approachable language with patterns geared towards building truly reusable components.

Make no mistake, thousands of engineers have learned React, but much fewer have mastered the art of building truly reusable components. Components that leverage trusted, proven and battle-tested patterns to make sure you're building production-ready, reusable components. This is the goal of this course. To set you apart as one of the few engineers who've mastered this! 

Did you previously attempt learning advanced React patterns? Did they seem too difficult? Were they poorly taught in your opinion? Well, look no more. In this course, I'll walk you step-by-step and you'll be taught the ins and outs of advanced React patterns in such simple terms and methodology, you'll be surprised how the course makes such a difficult subject easy to grasp.

By the end of this course, you'll have learned patterns that'll set you apart and understand them enough to teach them yourself! You'll be impressive on your next React interview, gain the respect of your colleagues, impress your boss, but more importantly, you'll be proud of what you'd have accomplished afterwards.

We'll start from the ground-up, touch every important aspect of advanced react patterns and do so with real-world examples. No boring hello world apps here! We'll build a replica of the popular Medium clap component and lesson by lesson cover use cases (and edge cases) by implementing these advanced React patterns.

Here's what sets this course apart: 

  1. You will not find another Udemy course focused extensively on advanced react component patterns! Go, do a search, you'll find none! Patterns geared towards component reusability.

  2. This course doesn't waste your time. While it is well explained, you won't get a course of 24hours you struggle to complete. It's a focused course you can finish in a weekend and arm yourself for life with knowledge.

  3. If you search the web, you'd find resources that promise to teach Advanced React Patterns, but none does it in the simple, approachable fashion this course employs. None.

  4. This course is taught by a Senior Frontend Engineer who's actually worked with these patterns. I've spent hours toying with these patterns. In fact, chapters were dedicated to the subject in my last published book! 

  5. Searching videos can be hard. So, this course provides resources you can always refer to. An actual accompanying website has been built for this course so you can find whatever information you need after completing the course as fast as possible.

Besides just advanced patterns, you'll pick up a ton of other snippets of knowledge, including the use of my favourite React hook, certain best practices, handling refs in custom hooks, and even advanced animations in React.

This is the course I wished I took when I first learned advanced React patterns: complete, simple, approachable, with real-world examples.

See you later in the course! 

Important:

In the course, we spend some time building a real-world component, The Medium Clap, for the sake of studying advanced patterns. See course curriculum - to be sure this isn't something that bothers you.

Prerequisites:

- You already know how the basics of building React components

- You know the basics of React hooks, at least, useState and useEffect OR are willing to learn it at a fast pace in the course.

NB: Not for absolute React beginners.

Redux Saga with React: Fast-track Redux Saga intro course

QUICKEST way to understand and get up and running with Redux Sagas and start implementing in React and Redux projects.

Created by Tom Phillips - Expert Front End Web and Mobile Developer

"]

Students: 3633, Price: $19.99

Students: 3633, Price:  Paid

** Course Updates **

  • Redux Saga Cheat Sheet - a new Redux Saga Cheat Sheet with example use cases has been included as part of the course so you know what keywords or saga effects to use, and when to use them.

  • Error handling within redux sagas.

Do you want to greatly improve your ability and increase your value as a React or front end web developer?

Redux Saga is the perfect framework for this, and this fast-track redux saga course will help you achieve that!

Please note: that while this course contains lectures on writing redux actions / reducers and React components, these lectures are there for the sole purpose of seeing the thought process behind implementing Redux Saga in a real-world app. The lectures that cover coding Redux actions / reducers and React components offer minimal guidance as it's assumed you already have basic knowledge of these frameworks. This is a course on Redux Saga and not on Redux or React.

Redux saga is a library that aims to make application side effects, like data fetching / calling an API, easier to manage, more efficient to execute, and better at handling failures.

Redux saga is an impressively clean way to separate logic to call API endpoints and update your redux state based on redux actions. The redux saga library's sagas are implemented as Generator functions that yield objects to the redux-saga middleware. The yielded objects are a kind of instruction to be interpreted by the middleware. When a Promise is yielded to the middleware, the middleware will suspend the Saga until the Promise completes. Once the Promise is resolved, the middleware will resume the Saga, executing code until the next yield. 

The control that redux saga brings is way beyond any other libraries, such as redux thunk. You have full control of how redux sagas are called, when they're called, and the type of work they do, as well as how they influence the redux store.

In this fast-track introductory course, you will learn:

  • How redux saga fits in to a front end single page application, using React and Redux.

  • What redux sagas are.

  • How to query an API with redux saga - and deal with the response.

  • How to set up a redux saga to listen for dispatched redux actions and the various ways to set up redux saga to listen for dispatched actions.

  • Actually dispatch redux actions from a redux saga and update your redux application state.

  • Learn key redux saga concepts and patterns such as take, takeEvery, takeLatest, fork, put, call as well as blocking and non-blocking calls.

  • Learn some ES6 syntax and learn about Generator functions in Javascript.

You might've used redux-thunk before to handle your data fetching - after taking this course I'm confident you'll switch to using Redux Saga for your future projects!

What other students are saying about this course:

5/5 stars - "i found the course to be great.. I'm building an application at work which was using Redux-thunk and using what Tom has taught in the course I have remove Redux-Thunk in favour of Redux-Saga and clean up a lot of code. Another reason i like this course as it was only about Redux-Saga. I didn't have watch 5hrs of React & Redux just to get to the part about Redux-Sagas. It was only an afternoon watching and following along and now I feel that I understand Redux-Saga enough to actually use it in a application and know what I'm doing Thanks Tom" - Stefen Hasselberg

5/5 stars - "This course is exactly what I needed. I hadn't used redux saga before and recently inherited a project that uses it and found it difficult to understand what was going on. This course has helped me a lot in understanding the basics of redux saga - the lecture on javascript generators and the cheat sheet is super helpful - especially the examples in the cheat sheet of when to use certain effects. Overall a great introduction to redux saga. Thanks Tom!" - Carol Emma

5/5 stars - "So far, very clear and concise explanations with a nice initial overview of the redux-saga process. Look forward to the rest of this course." - Douglas Hanson

5/5 stars - "Great starting point for learning redux-saga from scratch. Haven't finished yet, but so far I'm convinced I'll be using saga for future projects. I'm now almost at the end of this abbreviated course, and I'd recommend for everyone who uses Redux by far. It's very well done." - Steve Bailey

React Query: Server State Management in React

Mastering queries, mutations, integration with auth, testing and more!

Created by Bonnie Schulkin - Teacher | Coder | Mediocre Bassist

"]

Students: 1210, Price: $89.99

Students: 1210, Price:  Paid

React Query has become the go-to solution for server state management in React apps, and for good reason! This smart, comprehensive solution makes it easy to keep your app up-to-date with data on the server.

In fact, if you are using Redux simply to manage data from the server, React Query can replace Redux in your app. And, for server data management, React Query is much simpler and more powerful than Redux. For example, React Query: 

  • tracks loading and error states for your server queries (no need to manage that yourself!)

  • makes cached server data available for display while you're fetching updated data

This course starts with a simple app to learn the basics of React Query

  • queries

  • loading and error states

  • React Query dev tools

  • pagination and pre-fetching

  • mutations

Then we take a detour with the Star Wars API to learn about Infinite Queries (getting more data just as the user has gotten near the end of the current data).

Finally, we work on a large, multi-component app to learn about the above in more detail, plus

  • centralizing loading and error handling

  • filtering data

  • integrating React Query with auth

  • ways to keep data up to date after mutations, including optimistic updates

  • testing React Query

Other notable course features:

  • pre-written projects to use as a backdrop for React Query, so there's no time wasted writing code not relevant to the course

  • ample opportunities to practice with periodic "code quizzes" to make sure you're understanding the concepts

  • visual models for complicated concepts to help understand all of the moving pieces

  • the major project is written in TypeScript

  • supportive instructor who loves engaging with students in Q&A

Come see what the hype is about, and improve your apps with simpler, more powerful server state management!

Advanced React For Enterprise: React for senior engineers

A practical deep dive into building, scaling and maintaining high-quality design systems for software engineers.

Created by Kati Frantz - Full stack software engineer

"]

Students: 773, Price: $34.99

Students: 773, Price:  Paid

Welcome to the React for Senior engineers course !!  Knowledge of React is 100% required for this course.

I've been working with React.js for over 5 years now, and I am so excited to share with you the skills needed to thrive as a senior React Engineer.

Do you want to build and architect react Apps like Microsoft and Github Engineers? This course is for you!

We'll build our very own design system from scratch. This will give us the opportunity to cover senior topics such as:

  1. CSS Architecture for react applications

  2. Typescript and its advantages for frontend engineers

  3. Design systems and atomic design principles

  4. Npm package creation, management and publishing

  5. Continuous integration and deployment for the frontend engineer

  6. Unit component testing

  7. Visual regression testing

  8. Storybook and component libraries

  9. Component design patterns

  10. Mono-repository architecture patterns

  11. Accessibility and unit accessibility testing 

And so much more to come.

This course is perfect for you if:

  • You're a beginner to midlevel react developer looking to learn more advanced concepts

  • You want to improve your skills all round as a frontend engineer

  • You are interested in building design systems

  • You want to learn the fundamentals tools you'll need to become an open source software developer

We're also going to be adding a whole new section containing advanced react concepts that you'll find almost nowhere on the internet. We'll cover advanced topics such as design patterns, hook patters, efficient state management, frontend codebase architecture, best practices for performance, and so much more.

Come join me on this fun journey. I can't wait to share my wealth of knowledge and experience with you. Click the Enrol button now, and change your life forever.

The React Developer Course with Hooks, Context API and Redux

Learn to build React apps using Hooks, Context API, Redux, React-Router, Koa Framework, Typescript and much more!

Created by Uzochukwu Eddie Odozi - Software Developer

"]

Students: 302, Price: $89.99

Students: 302, Price:  Paid

React is one of the most popular library's for building client apps with HTML, CSS and javascript. If you want to establish yourself as a front-end or full-stack developer, you need to learn React.

This course follows a hands-on approach, which means the whole course is structured around building web applications and the different concepts will be explained detailedly as they are introduced. The application that require a backend will be built using NodeJS, Koa, Typescript and MongoDB as the database.

What's this course about?

This course is about React, Hooks, Context API and Redux. Dive deep into these topics by building real applications and deploy your React apps live to the web.

Is this course for you?

This course is for you if

  • you are thinking about getting started as a front-end developer

  • you are getting started as a beginner with React

  • you already know some React basics

  • you are an Angular or Vue developer that wants to dive into React

Apps that you will build

  1. BMI Calculator App

  2. Password Generator App

  3. Calendar App w/ Context API

  4. Ticket App (w/ React, Redux, Koa Framework, Typescript, MongoDB and more...)

Here are some of the things you will learn in this course

  • React fundamentals like components, state, props etc

  • Create custom reusable components like inputs, buttons, forms, sliders, checkboxes, dropdowns, modals etc

  • React Hooks (useState, useEffect, useMemo, useReducer etc)

  • Setting up and using React Context API

  • React-Router, Redux, Reducers, Actions, Redux-Thunk, Redux-Persist and more

  • Setup a server-side using Koa framework and Typescript

  • Build custom REST API

  • Add JWT Authentication to React app

  • Forms and form validation in React apps

  • React app deployment with gh-pages, firebase, netlify & heroku

  • And much more

Mastering React With Interview Questions,eStore Project-2021

Fundamentals, Router, Context API, Hooks, Redux, Redux-Toolkit, HTTP & REST API calls, React with TypeScript etc.

Created by Nirmal Joshi - Founder CEO,Corporate Trainer,Programming Aficionado

"]

Students: 187, Price: $89.99

Students: 187, Price:  Paid

In this comprehensive course, we will go through the prior and newer versions of ReactJS with the primary focus on understanding the latest version(17).

The entire course is prepared in a methodical way so that candidates learn & master ReactJS fundamentals through smaller applications, get prepared for interviews & advanced concepts in the simplest of ways.

“React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript library for building user interfaces or UI components.”

Candidates trained by me are now working with fortune 500 companies in the US. This project-based course will make your journey easier in becoming a hands-on React.js developer.

The end of the course has a concise Amazon-like eStore project using MySQL,Express.js,ReactJS,Node.js, which is built with all the latest React techniques like Redux, React Hooks, React Router(SPA), Class & functional components, Axios, Node.js, Express.js, GitHub, payment gateway and more...

As mentioned, the course is completely hands-on from the 1st lecture - making sure you make the most out of each lecture as you progress ahead.

On completion of this course, you’ll be able to handle real-world applications like any other ReactJS developer.

What's in the course?

If you have seen my other courses, you’ll know that we always have sections packed with beginner to advanced level content, so once again it is advised to check the full course curriculum first to get a clear idea of all the topics and then start step by step.

Here's a quick summary of what you'll find in the course:

  • React fundamentals(version 17)

  • React Hooks

  • Standard React practices

  • Code optimization

  • List & Keys

  • Forms

  • React-Router (SPA - Single-page application)

  • Context API

  • Redux

  • Asynchronous Redux

  • Redux Toolkit (RTK) - Modern Redux

  • React with TypeScript

  • Comprehensive React eStore project

  • Testing

In the eStore project, you’ll learn the following:

  • Configuring large projects

  • Axios

  • GitHub for source & version control

  • MySQL installation & working knowledge

  • Configuring RESTful API with Node.js & Express.js

  • Creating shopping cart

  • Configuring payment gateway

I recommend that you have a basic knowledge of HTML, CSS & JavaScript before starting this course.

Take action today and enroll in this comprehensive course.

LEARNING PATH: Redux: Real-World Applications with Redux

Level up your web applications skills by harnessing the power of Flux architecture using the Redux framework

Created by Packt Publishing - Tech Knowledge in Motion

"]

Students: 34, Price: $89.99

Students: 34, Price:  Paid

Are you interested to use Redux for building larger, efficient applications as well as simplify the development of your application? Then you should surely go for this Learning Path.

Packt’s Video Learning Paths are a series of individual video products put together in a logical and stepwise manner such that each video builds on the skills learned in the video before it.

Redux completes the missing piece of the React framework, and is used at the core of React for most complex React projects. Redux is also a predictable state container for JavaScript apps which helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. Redux provides you with a great developer experience, such as live code editing combined with a time-traveling debugger. Redux can be used together with any view library, not just React! Redux provides a solution which will help your applications behave consistently. It is an evolution, helping you avoid the complexity found in Flux on how applications are built.

The highlights of this Learning Path are:

  • Build rich client applications with quality engineering principles to develop confidence in your code quality
  • Understand the basics of Redux and how it fits into the JavaScript framework
  • Build a complete real life application

Let’s take a quick look at your learning journey...

This Learning Path begins with the basics of React development, where you’ll get a better understanding of how React applications are organized compared to other JavaScript applications. Then you’ll learn the principles of the Flux architecture before diving into one of its most popular implementations: Redux. You’ll build a simple React application and rewrite it with Redux.

Moving on, you’ll turn your simple client into a single page application. You’ll focus on retrieving lists of records from the server and paginating them, starting by leveraging the Redux framework to implement our own pagination. Then we’ll replace most of the code we’ve written so far, with a third-party package that neatly solves the problem of form submission for us. After that, you’ll submit the form with axios, use react-router to redirect on success, and leverage toastr to display error notifications. You’ll encounter a practical introduction to Redux and how it fits into the JavaScript ecosystem.

You’ll understand how to use Redux with your application and work with ES6/7, Reducers, firing actions, Thunks and selectors. You will learn the rules of working with Redux and advanced concepts to configure your application. Finally, you’ll apply the Redux concepts we have learned to a real-world application - a messaging board similar to Reddit that is written in React. By taking this completed example application you witness how Redux can dramatically simplify the development of your application.

By the end of this Learning Path, you’ll be able to apply all the concepts learned to a real life application and know exactly why you should use Redux for building larger applications.

Meet Your Experts:

We have the best work of the following esteemed authors to ensure that your learning journey is smooth:

  • Sam Slotskyis a software engineer and saxophonist originating from Sioux City, IA. He attended the University of Iowa for Computer Science and Music and is currently employed by Ackmann& Dickenson, Inc. of Minneapolis, specializing in back-end web applications, databases, and JavaScript. Additionally, Sam has authored and contributed to open source packages for use with the React, Redux, Knockout, and Meteor framework. Cooking and playing chess are his favorite pastime activities.Husband and father of three, he writes software programs during the day, cooks in the evening, listens to jazz obsessively, and has a bit of a thing for cycling.
  • Colibri is a technology consultancy company founded in 2015 by James Cross and Ingrid Funie. The company works to help its clients navigate the rapidly changing and complex world of emerging technologies, with deep expertise in areas such as big data, Data Science, Machine Learning, and Cloud Computing. Over the past few years they have worked with some of the world's largest and most prestigious companies, including a tier-1 investment bank, a leading management consultancy group, and one of the world's most popular soft drinks companies, helping each of them to make sense of their data more effectively and process it in more intelligent ways. The company lives by its motto: Data -> Intelligence -> Action.Richard Gill is a Full Stack JavaScript developer. He runs ZDEV, a software consultancy that specializes in building websites and apps for small- and medium-sized clients. Richard has a Computer Science degree from Imperial College and started his career building technology at investment banks and hedge funds; he then moved on to consulting before founding his own development shop. Richard has spent three years working with React, React Native, and Redux to build websites and apps for real-world clients. He considers himself a generalist programmer who initially was expert in Java, C#, and Ruby on Rails before spending the last few years in a JavaScript/Node based environment. His company follows an apprenticeship model and all his staff were trained by him from scratch.