Mastering ReactJS will provide you with insights into using JSX with React. It will get you up and running with the React environment, showing you the current best practices as you build an advanced web application.
You’ll start with setting up a development environment with React and gaining an understanding of the component life cycle, how to use virtual DOM and state machines, and how to implement advanced communication between components. We then focus on building an e-commerce admin system and a list of orders for our application Storekeeper.
The course will take root in real-world use cases and challenges on how to unit test complex enterprise-grade ReactJS applications faster. It will teach you how to render screens, explore how the router on the server is utilized and fetch data from the server, as well as e-mail authoring, and building an iOS version of our page.
The course also covers the key optimization points for Storekeeper and explores best practices for debugging. Mastering ReactJS is your go-to guide when building an e-commerce admin application fully equipped with a dashboard, a list of orders, a digest e-mail, and an iOS version.
About The Author
We will install the environment dependencies of React development, transpile our code, and view a React component in a browser.
We will cover what JSX is, how to use it, and why we should use it. We'll also cover alternate approaches and how we can compose components to build up our application piece by piece.
We will cover the component life cycle methods, how we can use them, and lastly, how React uses a Virtual DOM to ensure optimal rendering performance.
We will write a unit test for the individual order row component with mocha and TestUtils.
We will write a unit test of the orders component and look at how we test component state changes.
We will add flowJS to our application in order to help find type errors and improve an understanding of the original intent of our program when we come back to it years later.
We will empower our list of orders with real data from our server by looking at the best practices for a simple and maintainable system.
We will explore how we can manipulate the state retrieved from the server by adding filters to our list of orders.
State management with ImmutableJS
We will explain the importance of shouldComponentUpdate for performance and use React.addons.Perf to find the place where such optimizations are needed the most.
We use the React Chrome extension to find bugs in our code by inspecting the components that live in the browser.
We will add a router to our application and the new Dashboard page as the main page.
We will load data from the server and present it in a line chart using SVG and D3.
React is primarily a client-side framework for single-page applications; however, it can be used to render HTML on the server as well.
We will load data on the server into our flux stores for server-side rendering.
We will add a digest e-mail to the application and explore how we can hide a lot of ugly hacks that are needed in e-mail authoring in order to support a multitude of e-mail clients.
We will add SVG charts to our digest and embed them in the e-mail along with styles.
Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.
With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.
From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.
Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.