LEARNING PATH: Web Development with React, Node, and Redux

The latest trend in web development, Isomorphic JavaScript, allows developers to overcome some of the shortcomings of single page applications by running the same code on the server as well as on the client. Leading this trend is React, which when coupled with Node, allows developers to build JavaScript apps that are much faster and more SEO-friendly than single page applications. So, if you're a developer who is looking forward to build upon your existing JavaScript skills by developing isomorphic applications, then go for this Learning Path.

Packt’s Video Learning Path is 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.

The highlights of this Learning Path are:

• Create efficient object interaction patterns for faster and more efficient app development
• Achieve faster perceived page load times with React rendering on the server

Let's take a quick look at your learning journey. This Learning Path starts off with explaining the Redux architecture and setting up Redux. You will then learn routing with React wherein you will create routes and nested routes. You will also get to know  React API components and will learn to integrate it with other APIs.

Next, you will build a responsive Bootstrap application with React and Node. You will learn the concepts of universal JavaScript such as sharing views, routes, and models. You will then learn to set up an isomorphic application development environment for developing isomorphic applications. You will also understand the benefits of using JSX.

Moving ahead, you will learn the basics of Redux such as actions, reducers, and store. Next, you will learn how to handle the server-side request for React and Redux applications and how to hydrate and render applications on the client-side. Finally, you will explore application platforms for building production-ready universal React applications such as electrode .io, mern .io, react-server .io, and next .js.

By the end of this Learning Path, you will be able to build isomorphic applications that are much faster and more SEO-friendly.

Meet Your Experts:

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

Harmeet Singh is a senior UI developer working for CIGNEX Datamatics with varied experience in UI. His expertise includes HTML5, JavaScript, jQuery, Angular JS, and Node .js. He has given various presentations and conducted many workshops on UI development. On the academic front, Harmeet is a graduate in IT, and is a GNIIT diploma holder from NIIT, specializing in software engineering.        

Mehul Bhatt has over 11 years of experience and serves as a user experience and user interface practice manager at CIGNEX Datamatics. As a manager, he handles a wide range of onshore and offshore teams. His expertise includes HTML5, CSS3, JavaScript, jQuery, application development, guiding and mentoring developers, and more—all to help clients take their business to the next level in the open market. He has also won many awards for his excellence. He is Microsoft-certified in HTML, CSS, and JavaScript.

Maxime Najim is a software architect and full-stack web developer. He has been building web applications for over a decade and has worked on software engineering teams at Netflix, Apple, and Yahoo. He is co-author of the O'Reilly Media book entitled Building Isomorphic JavaScript Apps. He is currently a senior software architect focused on designing and implementing new systems and frameworks for the Walmart eCommerce team.