Learning React.js User Interfaces [Video]

Access cutting-edge content as it's created

Want to access this video course right now? Watch as we develop it as part of our Alpha program.

Learning React.js User Interfaces [Video]

Learning
Ben Fhala

Create dynamic and animated user interfaces with React

Access cutting-edge content as it's created

Want to access this video course right now? Watch as we develop it as part of our Alpha program.

$106.25
RRP $124.99

Instantly access this course right now and get the skills you need in 2017

With unlimited access to a constantly growing library of over 4,000 eBooks and Videos, a subscription to Mapt gives you everything you need to learn new skills. Cancel anytime.

Code Files

Video Details

ISBN 139781787281608
Course Length3 hours

Video Description

Every great website needs a great user interface, and without one, your users will soon leave. The React stack is the perfect tool to create amazing modern dynamic interfaces, and this course will take you stepbystep through how to build them. You will learn the practical skills needed to make great interface components that incorporate other web development tools, such as Bootstrap, SASS, and hot reloading. React is an incredibly popular part of modern full stack web development, and is a keystone of fluid SPAs (single page applications). As part of a full stack, it all you need to create full web applications.

The course begins by ensuring you have a solid understanding of Bootstrap and JSX, so you can create React components that can automatically refresh, enabling fully dynamic interfaces. We then introduce ES6 into the mix, showing you how the latest web technologies can be used to make your user interfaces even better. Next, you will see how to integrate and componentize CSS into React using SASS, enabling you to style your components using web standard techniques. Finally, we will dive into animation, and you’ll understand states and events to create reactive user interface components.

Style and Approach

This very carefully modulated course will take you every step of the way through building modern user interface components using React. It is a thorough and methodical course, not skipping over technologies or assuming knowledge. It is also a very practical course, full of examples of the technologies used along the way.

Table of Contents

Bootstrapping React
Setting Up Our Foundation Project
Setting Up Webpack and WebPack-Dev-Server
Bootstrapping Our HTML
Hot Reloading with WebPack-Dev-Server
Adding Support for ES6 and JSX with Babel
Building Our First JSX React Component

What You Will Learn

  • Understand hot reloading to update pages as a result of interface interaction
  • Create different UI components for your sites such as buttons andjumbotrons
  • Create button components using Bootstrap 4.0
  • Explore deeper integrations with JSX and ES6 to create reusable components
  • Understand the importance of componentizing our HTML into JavaScript
  • Find out how to animate React components

Authors

Table of Contents

Bootstrapping React
Setting Up Our Foundation Project
Setting Up Webpack and WebPack-Dev-Server
Bootstrapping Our HTML
Hot Reloading with WebPack-Dev-Server
Adding Support for ES6 and JSX with Babel
Building Our First JSX React Component

Video Details

ISBN 139781787281608
Course Length3 hours
Read More

Read More Reviews

Recommended for You

Unity 5: Learning C# by Developing Games
$ 69.99
Mobile Application Development: JavaScript Frameworks
$ 69.99
Learning ReactJS [Video]
$ 72.25
Learning React.js Scalable and High-Performance Apps [Video]
$ 106.25
Learning React.js Data Visualization [Video]
$ 60.35