Mastering ReactJS [Video]

Mastering ReactJS [Video]

Simon Højberg

1 customer reviews
Build fast, compact, and dynamic web applications with a high performance UI to deliver a spellbinding user experience with ReactJS
Mapt Subscription
FREE
€29.98/m after trial
Video
€86.70
RRP €101.98
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
€0.00
€86.70
€29.98p/m after trial
RRP €101.98
Subscription
Video
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Video Details

ISBN 139781785288784
Course Length1 hour and 33 minutes

Video Description

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.

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.

Style and Approach

This course will get you up and running quickly by reinforcing the fundamentals of ReactJS by pair programming with an expert. It will take you on a journey through creating a fully equipped application, shedding light on some of the most complex processes on its way.

Table of Contents

Introduction to React
The Course Overview
Setting Up Your Development Environment for React
JSX and Component Composition
The Component Life Cycle and the Virtual DOM
First Screen “Orders”
Building a Solid Foundation
Adding Dynamic Content
First Screen “Maintaining React Applications”
Writing Unit Tests for React Components
Unit Testing Complex React Components
Type Checking with Flow
Retrieving Data from the Server
Fetching Orders from the Server
Manipulating the State
State Management
Debugging and Performance Optimization
shouldComponentUpdate and React.addons.Perf
Troubleshooting Bugs with the React Chrome Extension
Adding a Second Screen - The Dashboard
Utilizing a Router to Manage Our URLs and Main Entry Points
Adding Charts to the Dashboard
React on the Server
Server-side Rendering and Routing
Server-side Rendering with Data
Email Authoring with React
Adding a Digest E-mail with Inline Styles
Inlining SVG Charts Digest E-mail
React Native
Setting Up a React Native iOS App
Rendering Orders with Data from the Server in iOS

What You Will Learn

  • Build a strong foundation in React Components by slicing and dicing designs into fruition
  • Explore the pitfalls of bad state management and immutable data structures to change the way you program UI’s
  • Ensure predictability of your UI with functional programming concepts
  • Reuse the code on the server to improve performance and optimize the search engine
  • Unit test UIs to find regression errors
  • Save memory and boost execution speed by embracing immutable data structures
  • Apply best practices from the browser to other UI infrastructures

Authors

Table of Contents

Introduction to React
The Course Overview
Setting Up Your Development Environment for React
JSX and Component Composition
The Component Life Cycle and the Virtual DOM
First Screen “Orders”
Building a Solid Foundation
Adding Dynamic Content
First Screen “Maintaining React Applications”
Writing Unit Tests for React Components
Unit Testing Complex React Components
Type Checking with Flow
Retrieving Data from the Server
Fetching Orders from the Server
Manipulating the State
State Management
Debugging and Performance Optimization
shouldComponentUpdate and React.addons.Perf
Troubleshooting Bugs with the React Chrome Extension
Adding a Second Screen - The Dashboard
Utilizing a Router to Manage Our URLs and Main Entry Points
Adding Charts to the Dashboard
React on the Server
Server-side Rendering and Routing
Server-side Rendering with Data
Email Authoring with React
Adding a Digest E-mail with Inline Styles
Inlining SVG Charts Digest E-mail
React Native
Setting Up a React Native iOS App
Rendering Orders with Data from the Server in iOS

Video Details

ISBN 139781785288784
Course Length1 hour and 33 minutes
Read More
From 1 reviews

Read More Reviews

Recommended for You

Getting started with Shiny [Video] Book Cover
Getting started with Shiny [Video]
€ 142.78
€ 121.38
Vue.js 2 Recipes [Video] Book Cover
Vue.js 2 Recipes [Video]
€ 142.78
€ 121.38
Front-End Web Development using Go [Video] Book Cover
Front-End Web Development using Go [Video]
€ 142.78
€ 121.38
Getting Started with Spring 5.0 [Video] Book Cover
Getting Started with Spring 5.0 [Video]
€ 142.78
€ 121.38
Fundamentals of Continuous Delivery Pipeline [Video] Book Cover
Fundamentals of Continuous Delivery Pipeline [Video]
€ 142.78
€ 121.38
Responsive Web Development with HTML5, CSS3, and JavaScript [Video] Book Cover
Responsive Web Development with HTML5, CSS3, and JavaScript [Video]
€ 142.78
€ 121.38