Cuvpfmm7s6uduxvaw8lq

Learning React.js User Interfaces

Create dynamic and animated user interfaces with React.

Course 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 step-by-step 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.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.

Learning Outcomes
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

Pre-requisite
In order to take this course, you should

have some familiarity with React, Node.js, and NPM. You should also have a good knowledge of JavaScript.


Who is this course intended for?
This course can either be taken as a modular part of Packt’s complete Full-Stack React course or as a standalone module.


Your Instructor


Packt Publishing
Packt Publishing

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.


Class Curriculum



Frequently Asked Questions


When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Get started now!