Learning React Reusable Components [Video]

Preview in Mapt

Learning React Reusable Components [Video]

Ben Fhala

Understand React’s new componentized development paradigm
Mapt Subscription
FREE
$29.99/m after trial
Video
$60.35
RRP $70.99
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
$60.35
$29.99 p/m after trial
RRP $70.99
Subscription
Video
Start 14 Day Trial

Frequently bought together


Learning React Reusable Components [Video] Book Cover
Learning React Reusable Components [Video]
$ 70.99
$ 60.35
Machine Learning for OpenCV – Advanced Methods and Deep Learning [Video] Book Cover
Machine Learning for OpenCV – Advanced Methods and Deep Learning [Video]
$ 124.99
$ 106.25
Buy 2 for $35.00
Save $160.98
Add to Cart

Video Details

ISBN 139781787124981
Course Length3 hours 44 minutes

Video Description

This course is the next step for the React full-stack web developer who wants to gain a full understanding of React development. One of the most powerful features of React is that it follows a radically different method of application development. It moves away from the traditional monolithic approach and re-orients developers to creating in a fully componentized manner. This requires a completely different way of thinking that can be unfamiliar to developers trained in the old ways.

This course will help you understand the power behind this new approach and show you how to build componentized apps and sites with reusable functionality. You will learn about the changes in ES6, and how they are important to React development, and how you can use Babel to use those features in current browsers. You will use JSX to create reusable components and learn how to pass parameters between them to create reactive sites. The course also dives into building Single-Page Applications (SPAs) using isomorphic JavaScript for a more dynamic experience.

Style and Approach

This course takes an extremely hands-on approach to teaching technology, full of practical examples and real-world advice. If you need to really understand component-based React development, then this is the course for you.

Table of Contents

Creating a React JSX Component
Overview and Setting Things
Configuring the Webpack Development Server
Developing in ES2016 Today with Babel
Hello JSX
Creating a Component
Understanding the React Paradigm Shift
Using Components Inside Components
Passing Properties to Components
Dynamically Passing Components into Components
Components That Change with State
How React Works and Arrow Functions
Componentizing
Sectioning our Site into components
Composition Instead of Inheritance
Dynamic Children from Model Data
Understanding var, let, and const
Exploring ES6 Strings
Reusable Components
Finding Bugs
Extracting the Model from the View
Using the JSX and ES6 Spread Features
Validating Development Props
Making Everything Dynamic
Final Thoughts on Reusability
Building a Single Page Application
Preparing for Idiomatic JavaScript
Building Out the Site Navigation
Bubbling Events in React
Merging Our Model with Our View
Making Things Dynamic with Maps
SPA – Creating a Single Page Application

What You Will Learn

  • Understand the fundamentals of React’s component-based development paradigm
  • Create components using JSXUse Babel to incorporate ES6 features into current browsers
  • Get to know how to pass parameters and change state
  • Find out how to debug a component-based app
  • Build a React component-based SPA

Authors

Table of Contents

Creating a React JSX Component
Overview and Setting Things
Configuring the Webpack Development Server
Developing in ES2016 Today with Babel
Hello JSX
Creating a Component
Understanding the React Paradigm Shift
Using Components Inside Components
Passing Properties to Components
Dynamically Passing Components into Components
Components That Change with State
How React Works and Arrow Functions
Componentizing
Sectioning our Site into components
Composition Instead of Inheritance
Dynamic Children from Model Data
Understanding var, let, and const
Exploring ES6 Strings
Reusable Components
Finding Bugs
Extracting the Model from the View
Using the JSX and ES6 Spread Features
Validating Development Props
Making Everything Dynamic
Final Thoughts on Reusability
Building a Single Page Application
Preparing for Idiomatic JavaScript
Building Out the Site Navigation
Bubbling Events in React
Merging Our Model with Our View
Making Things Dynamic with Maps
SPA – Creating a Single Page Application

Video Details

ISBN 139781787124981
Course Length3 hours 44 minutes
Read More

Read More Reviews

Recommended for You

Machine Learning for OpenCV – Advanced Methods and Deep Learning [Video] Book Cover
Machine Learning for OpenCV – Advanced Methods and Deep Learning [Video]
$ 124.99
$ 106.25
Hands-On Web Development with Vue.js [Video] Book Cover
Hands-On Web Development with Vue.js [Video]
$ 124.99
$ 106.25
Hadoop Administration and Cluster Management [Video] Book Cover
Hadoop Administration and Cluster Management [Video]
$ 124.99
$ 106.25
Secret Recipes of the Python Ninja Book Cover
Secret Recipes of the Python Ninja
$ 39.99
$ 28.00
Learning Linux Shell Scripting - Second Edition Book Cover
Learning Linux Shell Scripting - Second Edition
$ 35.99
$ 25.20
iOS Programming in 7 Days [Video] Book Cover
iOS Programming in 7 Days [Video]
$ 124.99
$ 106.25