Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
22 Videos (1h 33m)
    • The Course Overview

      2:56
    • Setting Up Your Development Environment for React

      4:12
    • JSX and Component Composition

      3:00
    • The Component Life Cycle and the Virtual DOM

      4:49
    • Building a Solid Foundation

      3:12
    • Adding Dynamic Content

      4:24
    • Writing Unit Tests for React Components

      6:39
    • Unit Testing Complex React Components

      4:16
    • Type Checking with Flow

      2:48
    • Fetching Orders from the Server

      6:51
    • Manipulating the State

      2:57
    • State Management

      5:02
    • Troubleshooting Bugs with the React Chrome Extension

      2:45
    • Utilizing a Router to Manage Our URLs and Main Entry Points

      3:27
    • Adding Charts to the Dashboard

      8:05
    • shouldComponentUpdate and React.addons.Perf

      4:57
    • Server-side Rendering and Routing

      3:27
    • Server-side Rendering with Data

      4:10
    • Adding a Digest E-mail with Inline Styles

      2:58
    • Inlining SVG Charts Digest E-mail

      4:37
    • Setting Up a React Native iOS App

      3:24
    • Rendering Orders with Data from the Server in iOS

      3:57

About This Class

Build fast, compact, and dynamic web applications with a high performance UI to deliver a spellbinding user experience with ReactJS

About This Video
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

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 o0ne-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.

--

Students

--

Projects

0

Reviews (0)

Packt Publishing

Packt is the leading UK provider of Tech

Hello, we are Packt.

Packt is the leading UK provider of Technology eBooks, Coding eBooks, Videos and Blogs; helping IT professionals to put software to work.

Founded in 2004 in Birmingham, UK, Packt's mission is to help the world put software to work in new ways, through the delivery of effective learning and information services to IT professionals.

Working towards that vision, we have published over 5000 books and videos so far, providing IT professionals with the act...

See full profile

Technology Web Development