React

All React Videos

Watch User Created Playlist (349)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Create component variations in React with styled-components and "extend"

Animate your user interface in React with styled-components and "keyframes"

Filter State Data in Redux with a Selector Function and React Router

P

Configure a React & Redux Application For Production Deployment and Deploy to Now

P

Add React Router to a Redux Application

P

Create a React Component to Display Status Messages

P

Connect Redux to Individual React Components For More Efficient Rendering

P

Keep UI and State Synchronized Using Controlled Components in React with Redux

P

Connect Redux to a React Application with react-redux

P

Render React UI Based on State Changes with Subscribe in Redux

P

Refactor JSX in React to Stateless Functional Components

P

Render in React Based on a Global State Object

P

Render a React UI with JSX

Bootstrap a React Application with Yarn & Create React App

Error Handling using Error Boundaries in React 16

Update React Component State Based on External DOM Events

P

Style a React component with styled-components

P

Use a react-intl Higher Order Component to format messages and get current locale

P

Write tests for react-intl output using enzyme and Jest

P

Render Content Based on a Number using react-intl FormattedMessage

P

Format Date and Time Using react-intl FormattedDate and FormattedTime

P

Format Numbers with Separators and Currency Symbols using react-intl FormattedNumber

P

Format a Date Relative to the Current Date Using react-intl FormattedRelative

P

Render Content with Markup Using react-intl FormattedHTMLMessage

P

Render Content with Placeholders using react-intl FormattedMessage

P

Convert a Hard Coded String using react-intl FormattedMessage

Install and Configure the Entry Point of react-intl

Create Animated Map Markers Linked to Scrolling Content in React Native

P

Create a Reusable Scroll View Component with Animated scrollTo in React

P

Create a Responsive Animated Progress Bar in React Native

P

Create a Virtualized List with Auto Sizing Cells using react-virtualized and CellMeasurer

P

Handle Simple Routing with preact-router

P

Use Redux Dev-Tools with Preact

P

Integrate react-router with Preact

P

Integrate Redux with Preact

P

Configure Webpack 2 and Babel for use with Preact

Define Stateful Components in Preact

P

Reduce the Size of a React App in Two Lines with preact-compat

P

Install Development Tools for Preact

Create a Hello World App with Preact

P

Define Functional Components in Preact

P

Create an Auto Resizing Virtualized List with react-virtualized

P

Use React.cloneElement to Modify and Add Additional Properties to React Children

P

Convert Imperative Code to a Declarative React Component

P

Disable and Ignore Yellow Box Warnings in React Native

P

React Playground Styled for Component Docs

P

Bootstrap a Zero Configuration React App with Neutrino

P

Build a Collapsible React Native Header Bar

P

Create an Expanding Notify Input with Success Message in React Native

P

Use React Native to Animate a Swipe Away Comment Modal

P

Toggle Hidden Details on a React Native Event Card

P

Animate a React Native Information Callout View

P

Build an Animated Floating Action Button in React Native with Springy Menu

P

Create a Tap to Show Love React Native Animation

P

Create An Exploding Heart Button in React Native

P

Create a Horizontal Parallax ScrollView in React Native

P

Bounce a Heart Shaped Button in React Native on Press

P

Update State in React with Ramda's Evolve

P

Update Component State in React With Ramda Lenses

P

Use create-react-native-app to Set Up a Simple React Native App

P

Render Catch-All Routes with React Router v4 using the Switch Component

P

Understand the Difference Between the React Router v4 Router Types

P

Redirect to Another Page with React Router v4

P

Intercept Route Changes with React Router v4 Prompt Component

P

Render Nested Routes with React Router v4

P

Render Multiple Components for the Same Route in React Router v4

P

Conditionally Render a React Router v4 Route with the Switch Component

P

Create Basic Routes with the React Router v4 BrowserRouter

Use URL Parameters with React Router v4

P

Use Regular Expressions with Routes with React Router v4

P

Parse Query Parameters in React Router v4

P

Use the React Router v4 Link Component for Navigation Between Routes

P

Style a Link that is Active with NavLink in React Router v4

P

Run the React Router v4 Examples with Create React App

Create stateful React Components using TypeScript

P

Build an SVG icon component in React

P

Create stateless React components using TypeScript

P

Bootstrap a TypeScript + React Project

P

Writing Platform-Specific Components for iOS and Android in React Native

P

Installing and Linking Modules with Native Code in React Native

P

Inspect Component Events with React Storybook

P

Load React Storybook Stories Dynamically

P

Write the First React Storybook Story

P

Add React Storybook to a Project

P

Show Temporary Messages in a React Application

P

Build a Link Component to Navigate to Routes in React

P

Use React Context to Manage Application State Through Routes

P

Update React Application State from Form Input

P

Synchronize React UI and State with Controlled Components

P

Refactor React Components to be Stateless Functional Components

P

Validate Component Input with Prop Types in React

P

Render a React UI Based on Initial State

P

Render a React UI with JSX

Bootstrap a React Application through the CLI with Create React App

Add Redux State Management to a React on Rails Project

P

Render Basic SVG Components in React

P

Inline Edit Todo Items in a React Native ListView

P

Create the Basic React Native Todo Application Layout

P

Filter Items in the React Native List View

P

Add the Total Remaining Item Count to the Footer with React Native Text

P

Add a Toggle All Complete Button with React Native TouchableOpacity

P

Add a Loading Indicator While Loading Items with React Native ActivityIndicator

P

Add a Clear All Complete Button to the Footer with React Native TouchableOpacity

P

Persist Items with React Native AsyncStorage

P

Add a Remove Item Button to Each Row with React Native TouchableOpacity

P

Create a List of Items with a React Native ListView

P

Setup React Native for iOS and Android

Create a React Native TextInput

P

Add a Complete Toggle with React Native Switch

P

Public Class Fields with React Components

P

Create a Button Shake Animation in React Native

P

Creating a component with React on Rails

P

Create A Login Screen in React Native

P

Make a Button in React Native with TouchableHighlight

P

Connect an existing React application to an API server created with Swagger

P

Get the Dimensions of a React Native Phone Screen

P

Use React.cloneElement to Extend Functionality of Children Components

Understand React.Children Utilities

Installing Third-Party Libraries from npm with React Native

P

Create a Custom Map Marker with React Native Maps

P

Measure and Get the Position of a React Native Element

P

Animate Colors with React Native Interpolate

P

Animate a Sequence of React Native Animations with Animated.sequence

P

Stagger React Native Animations with Animated.stagger

P

Create a Flip Card Animation with React Native

P

Animate Rotation with React Native Interpolate

P

Create a Draggable Card with React Native Pan Responder, and Animated.decay

P

Create & Deploy a Universal React App using Zeit Next

P

Using the Chrome Debugger to Set Breakpoints in React Native

P

Animate the Scale of a React Native Button using Animated.spring

P

Animate Styles of a React Native View with Animated.timing

Use Flex to Scale React Native Background Image

P

Jest Snapshot Testing with React Storybook

P

Getting Started with React Storybook

P

Build fully reactive APIs in Angular 2 with Observables

P

Recompose: Theme React Components Live with Context

P

Recompose: Override Styles & Elements Types in React

P

Styling React Components With Aphrodite

P

Set up React apps with zero configuration in two minutes

P

Write custom MobX reactions with when and autorun

Derive computed values and manage side effects with MobX reactions

Connect MobX observer components to the store with the React Provider

Analyze React components with MobX-React devtools

Creating a Stateless Functional Component in React

P

Using the classnames library for conditional CSS in React

P

Optimize React size and performance with Webpack production plugins

P

Applying Basic Styles in React Native

P

Redux: Filtering Redux State with React Router Params

Redux: Navigating with React Router <Link>

Redux: Adding React Router to the Project

Sync the UI with the app state using MobX observable and observer in React

Creating a D3 Force Layout in React

P

Core Concepts of React: Components, Props, and State

P

React Router: Named Components

P

React Router: Nested Routes

P

React Router: Redirect

P

React Router: setRouteWillLeaveHook

P

React Router: IndexRoute

P

React Router: Router, Route, and Link

React Router: Querystring Parameters

P

React Router: hashHistory vs browserHistory

P

React Router: Development Environment Setup

P

React Router: Route Parameters

P

React Router: activeStyle & activeClassName

P

Styling a React button component with Radium

P

Reacting to multiple inputs using RxJS's combineLatest

P

Getting started with the react-rails gem

P

Using React with the FullCalendar jQuery plugin

P

React Testing: Redux Reducers

React Testing: The Redux Store - Initial State

React Testing: The Redux Store - Multiple Actions

React Testing: Children with Shallow Rendering

React Testing: Reusing test boilerplate

React Testing: Conditional className with Shallow Rendering

React Testing: className with Shallow Rendering

React Testing: Element types with Shallow Rendering

React Testing: JSX error diffs

React Testing: Intro to Shallow Rendering

React Testing: Utility modules

React Testing: Running tests

React Testing: Setting up dependencies

Extracting Private React Components

P

Compose React Component Behavior with Higher Order Components

Use create-react-app to Setup a Simple React App

Redux: Generating Containers with connect() from React Redux (FooterLink)

Redux: Generating Containers with connect() from React Redux (AddTodo)

Redux: Generating Containers with connect() from React Redux (VisibleTodoList)

Redux: Passing the Store Down with <Provider> from React Redux

Redux: React Todo List Example (Filtering Todos)

Redux: React Todo List Example (Toggling a Todo)

Redux: React Todo List Example (Adding a Todo)

Redux: React Counter Example

Building stateless function components (new in React 0.14)

P

Flux Architecture: Routing with react-router 1.0

P

Debugging components with the React Developer Tools extension

P

Building an accordion component with React

P

Increasing reusability with React container components

P

An overview of RxJS reactive concepts

P

Reactive Programming - Why choose RxJS?

P

Understand Reactive Programming using RxJS

React-Motion: TransitionSpring Basics

P

React-Motion: Animate Multiple Elements with a Single Spring

P

React-Motion: Configuring a Spring Component

P

React-Motion: Introduction to the Spring Component

P

Intro to inline styles in React components

P

Set up a killer React dev environment quickly with hjs-webpack

P

Linting React JSX with ESLint (in ES6)

P

React Native: Create a Swipe Panel

P

React Native: PanResponder Basics

P