Build fast, compact, and dynamic web applications with a high performance UI to deliver a spellbinding user experience with ReactJS
About This Mastering ReactJS Video course
- Build your own personal real-world application from the ground up with ReactJS
- Engage in live coding sessions to lay the foundations for ReactJS and learn the current best practices
- Explore common pitfalls and gotchas, and find out how React helps to alleviate these
Mastering ReactJS In Detail
Don’t all developers want their website to be simple, attractive, interactive, and dynamic at the same time? Coding the front end while keeping these attributes in mind has been a constant struggle for web developers. Facebook and Instagram, the two most popular social networking sites, have bewitched almost one-third of our population. Well, React has been at the heart of it all, as the JavaScript library precisely developed to build user interfaces specifically for large applications which deal with time-changing data.
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.
This video 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.
React training table of contents (duration : 1h32m)
-
Introduction to React
- The Course Overview free 00:02:57
- Setting Up Your Development Environment for React 00:04:12
- JSX and Component Composition 00:03:00
- The Component Life Cycle and the Virtual DOM 00:04:50
-
First Screen “Orders”
- Building a Solid Foundation 00:03:12
- Adding Dynamic Content 00:04:24
-
Retrieving Data from the Server
- Writing Unit Tests for React Components 00:06:39
- Unit Testing Complex React Components 00:04:16
- Type Checking with Flow 00:02:48
-
Debugging and Performance Optimization
- Fetching Orders from the Server 00:06:51
- Manipulating the State 00:02:58
- State Management 00:05:02
-
Adding a Second Screen - The Dashboard
- ShouldComponentUpdate and React.addons.Perf 00:04:57
- Troubleshooting Bugs with the React Chrome Extension 00:02:45
-
First Screen “Maintaining React Applications”
- Utilizing a Router to Manage Our URLs and Main Entry Points 00:03:28
- Adding Charts to the Dashboard 00:08:05
-
React on the Server
- Server-side Rendering and Routing 00:03:27
- Server-side Rendering with Data 00:04:10
-
Email Authoring with React
- Adding a Digest E-mail with Inline Styles 00:02:58
- Inlining SVG Charts Digest E-mail 00:04:37
-
React Native
- Setting Up a React Native iOS App 00:03:25
- Rendering Orders with Data from the Server in iOS 00:03:57
- Sources Filesdownload
- Certificate
Instructor : Packt
-
With which software version is this tutorial compatible with?React
-
What is the required level to follow this tutorial ?intermediate
