Ending In:
$458
91% off
Courses
8
Lessons
429
Enrolled
1,029
Courses
8
Lessons
429
Enrolled
1,029
What's Included
Modern React with Redux
$199 Value
Learn ReactJS from Scratch
$89 Value
Build Web Apps with ReactJS and Flux
$49 Value
ReactJS Course
$47 Value
Build Apps with React Native
$29 Value
React for Beginners Tutorial
$24 Value
Master ExpressJS to Build Web Apps with NodeJS & JavaScript
$9 Value
Hacking with React eBook
$12 Value
Product Details
Access
Lifetime
Content
10.5 hours
Lessons
97
Modern React with Redux
Develop Apps Supported by NPM, Webpack & ES6 with This Foundational Intro
By Stephen Grider | in Online Courses
Take the first step towards mastering modern web development with the Modern React with Redux tutorial. React is a JavaScript library used to build large applications with data that changes over time. With Redux, you can better structure and query those large applications--skills that will put you in a better position to stay ahead of the curve in the constantly changing web marketplace. From an introduction to JXS straight through to topics like reducers, actions and the state tree, this course will be a great foundation for your modern web development education.
- Access over 97 lectures & 10.5 hours of content
- Stay up to date with course pacing w/ source code provided for every lecture
- Build amazing single page applications w/ React JS and Redux
- Master fundamental concepts behind structuring Redux applications
- Realize the power of building composable components
- Become fluent in the toolchain supporting React, including NPM, Webpack, Babel, & ES6/ES2015 Javascript syntax
Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course.
Details & Requirements
- Length of time users can access this course: lifetime access
- Access options: web streaming, mobile streaming
- Certification of completion included
- Redemption deadline: redeem your code within 30 days of purchase
- Experience level required: Intermediate, some background in HTML, CSS, or JavaScript may be helpful
Compatibility
- Windows
- Mac
- Android
- iOS
Course Outline
- An Intro to React
- Introduction - Github Links for Project Files!
- Completed Projects - Github Links
- The Purpose of Boilerplate Projects
- Environment Setup
- Project Setup
- A Taste of JSX
- More on JSX
- ES6 Import Statements
- ReactDOM vs React
- Differences Between Component Instances and Component Classes
- Render Targets
- Component Structure
- Youtube Search API Signup
- Export Statements
- Class-Based Components
- Handling User Events
- Introduction to State
- More on State
- Controlled Components
- Breather and Review
- Ajax Requests with React
- Youtube Search Response
- Refactoring Functional Components to Class Components
- Props
- Building Lists with Map
- List Item Keys
- Video List Items
- Detail Component and Template Strings
- Handling Null Props
- Video Selection
- Styling with CSS
- Searching for Videos
- Throttling Search Term Input
- React Wrapup
- Modeling Application State
- Foreword on Redux
- What is Redux?
- More on Redux
- Even More on Redux!
- Managing App State with Redux
- Reducers
- Containers - Connecting Redux to React
- Containers Continued
- Implementation of a Container Class
- Containers and Reducers Review
- Actions and Action Creators
- Binding Action Creators
- Creating an Action
- Consuming Actions in Reducers
- Consuming Actions in Reducers Continued
- Conditional Rendering
- Reducers and Actions Review
- Intermediate Redux: Middleware
- App Overview and Planning
- Component Setup
- Controlled Components and Binding Context
- Form Elements in React
- Working with API's
- Introduction to Middleware
- Ajax Requests with Axios
- Redux-Promise in Practice
- Redux-Promise Continued
- Avoiding State Mutations in Reducers
- Building a List Container
- Mapping Props to a Render Helper
- Adding Sparkline Charts
- Making a Reusable Chart Component
- Labeling of Units
- Google Maps Integration
- Google Maps Integration Continued
- Project Review
- React Router + Redux Form
- App Overview and Goals
- Exploring the Posts Api
- Installing React Router
- React Router - What is It?
- Setting Up React Router
- Route Configuration
- Nesting Of Routes
- IndexRoutes with React Router
- Back To Redux - Index Action
- Catching Data with Posts Reducer
- Catching Data with Posts Reducer Continued
- Fetching Data with Lifecycle Methods
- Fetching Data with Lifecycle Methods Continued
- Creating New Posts
- Navigation with the Link Component
- Forms and Form Submission
- More on Forms and Form Submission
- Passing Control to Redux Form
- CreatePost Action Creator
- Form Validation
- Form Validation Continued
- Navigating on Submit
- Posts Index
- Dynamic Route Params
- Loading Data on Render
- Handling Null Props
- Delete Action Creator
- Navigate on Delete
- ReactRouter and ReduxForm Wrapup
Access
Lifetime
Content
5 hours
Lessons
62
Learn ReactJS from Scratch
Prepare for the Future of Web Development with ReactJS
By Skillbakery Studio | in Online Courses
ReactJS is the JavaScript library used by companies like Instagram and Facebook to build large applications with continuously changing data. It's the foundation of many dynamic, fluid user interfaces. Cover the latest version (0.14) of ReactJS in this fast-paced tutorial, and you'll have a valuable addition to your resume and may increase your chances of landing a high paying web development position.
- Take the course at your own pace w/ lifetime access to over 62 lectures & 5 hours of content
- Discover HTML Entities & their application in web development
- Discover component state & life cycle
- Learn how to create multiple components & reusable components
- Make use of JSX, DOM, and AJAX
- Understand Flux
SkillBakery is one of the fastest growing online education companies. Our vision is to provide high quality education which is affordable and accessible to everyone. We believe that everyone has their own way of learning and grasping things and that's why we provide self-paced HD quality contents,so you can learn what you love at your convenience. We currently offer courses in web development and will soon be publishing new courses in other categories as well. We are committed to bring courses on new topics and we try to release one new course every month. So keep visiting us, you will surely find something for yourself here.
For more details on this course and instructor, click here.
Details & Requirements
- Length of time users can access this course: lifetime access
- Access options: web streaming
- Certification of completion included
- Redemption deadline: redeem your code within 30 days of purchase
- Experience level required: all levels
Compatibility
Course Outline
- Introduction to ReactJS
- Introduction
- Downloading & Installing ReactJS - Our First Example - Hello World!
- Understanding Virtual DOM
- Components in ReactJS
- Rendering Data in ReactJS
- Applying CSS class to HTML content in ReactJS
- Playing Safe with HTML Entities
- Component State & Life Cycle
- Component State in Action
- Understanding State in React
- Understanding Component LifeCycle - I
- Understanding Component LifeCycle - II
- Understanding Component LifeCycle - III
- Creating Multiple Components in ReactJS
- Creating Reusable Components
- Properties & Events
- Working with Properties
- Accessing Child Properties
- Making use of transferPropsTo - [Deprecated] See lecture 61 for update
- Working with Mixins
- Understanding Events in ReactJS
- Exploring static methods
- Forms Components
- Working with Forms in ReactJS
- Accessing DOM
- Referring DOM Nodes - The Refs way
- Tooling Support
- Converting JSX to JS
- Using Gulp To compile and concatenate JSX files - I
- Using Gulp To compile and concatenate JSX files (Using Browserify) - II
- Component Communication
- Working with jQuery - Ajax
- DOM Event Listeners
- Inline Styles in ReactJS
- Using dangerouslySetInnerHTML
- Major AddOns in ReactJS
- Two Way Data Binding
- Clone Elements - [cloneWithProps Deprecated - Use React.cloneElement instead]
- Using React.cloneElement
- Making use of classSet to apply Conditional Styles
- Making use of classnames to apply conditional styling
- Animation using CSSTransitionGroup
- Introduction to React Router
- Working with React Router
- Working with Links & Creating Nested Routes
- Refactoring Routes and Components
- React and Remote Data
- Introducing Fetch
- Rendering Remote Data in Components
- React Developer Tool for Chrome
- React Dev Tools
- Flux
- Introduction
- Flux Setup
- Flux Architecture - Code Demo
- Dispatcher - The Broadcaster
- Actions
- Stores
- Components and Views
- Project - Course Cart
- Introduction
- Course Cart - Preview
- Course Cart - Package And Mockup Data
- Course Cart - CartAPI and Flux Actions
- Course Cart - App And Dispatcher
- Course Cart - Creating Stores And Final Demo
- Reflux
- Introduction to Reflux Store
- Loading data using Reflux
- Working with Actions in Reflux
- Version 0.14.x update
- Hello World with React Version 0.14
- Using version 0.14 via NPM
- Using JSX Spread to transfer Properties
- Conclusion and Code Download
- Conclusion and Code Download
Access
Lifetime
Content
9.5 hours
Lessons
73
Build Web Apps with ReactJS and Flux
Use the Architecture Designed by Facebook to Build Beautiful, Responsive Web Apps
By Stephen Grider | in Online Courses
Flux is an architecture used internally by Facebook to leverage its Dispatcher library in order to help manage an applications state. In conjunction with ReactJS, it is hugely beneficial in streamlining web apps. This course is designed to teach you the core fundamentals of React and Flux, and how they're implemented with one another.
- Access over 73 lectures & 9.5 hours of content
- Build amazing single page applications w/ React JS & Flux
- Master fundamental concepts behind structuring React applications
- Realize the power of building composable components
- Become fluent in the toolchain supporting React, including NPM, Gulp, Browserify, & Watchify
Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course.
For more details on this course and instructor, click here.
Details & Requirements
- Length of time users can access this course: lifetime access
- Access options: web streaming, mobile streaming
- Certification of completion included
- Redemption deadline: redeem your code within 30 days of purchase
- Experience level required: all levels, but some background in JavaScript may be helpful
Compatibility
- Windows
- Mac
- Android
- iOS
Course Outline
- Start Here - Dive In!
- Introduction
- Link to Github Repository
- JSX Markup In Our Views
- Quick Note
- First Application - Basic Building Blocks
- First Application - Creating a React Class
- First Application - Showing Content
- Intermediate Concepts
- Exploring Props - Customizing Views
- Exporing Props - Wiring Up Our Data
- Composition - Views Within Views
- Composition - Props Selection
- Lists
- Tooling
- Tooling - Breaking Up Our Code
- Tooling - Applying NPM
- Tooling - Exporting Code
- Tooling - Gulpfile
- Tooling - Final Refactor
- State and Events
- Exploring State and Events - Purpose of State
- Exploring State and Events - State Applied
- Exploring State and Events - Bringing Button Back
- Exploring State and Events - Adding Content
- Exploring State and Events - Toggling Visibility
- Exploring State and Events - Selecting Items
- Working with Remote Data on Firebase
- Firebase - Building From a New Start
- Firebase - Firebase Signup and Integration
- Firebase - Building Our Application Architecture
- Firebase - Hooking Up Our Remote Datastore
- Firebase - Scaffolding the Header
- Firebase - Handling Form Inputs
- Firebase - Pushing Data to Firebase
- Firebase - Rendering a List of Items
- Firebase - Waiting on Data Before Rendering
- Firebase - Building Item Components
- Firebase - Updating Data to the Remote Datastore
- Firebase - Debugging Firebase Update
- Firebase - Allowing Editing and Undoing
- Firebase - Saving Edits
- Firebase - Bulk Delete Data
- Flux and React Router
- Project Overview
- Imgur API Overview
- Imgur API in Detail
- React Router Demo
- Nesting Routes
- Refactor to Separate Rendering and Routing
- In-App Navigation
- Flux - Downwards Data Flow
- Implementing Fetch
- Working with Fetch's Promise
- Display a List of Topics
- Fetching Data Naively
- Working With Stores
- Triggering Changes From a Store
- Working with Actions
- Recap of Flux Data Fetching
- Routing with Parameters
- Matching Parameters
- Rendering Topics in the Header
- React Router Helpers
- Implementing Image Store
- Combining Flux and React Router
- Refetching Data on Rerender
- Scaffolding Image Previews
- Filtering Image Data
- Playing Videos on Mouseover
- Showing a Play Button for Each Image
- Adding an Image Stats Overlay
- Scaffolding Image Detail
- Fetching Single Records from a Store
- Fetching Single Records from a Store Continued
- Rendering an Image Detail
- Actions With Multiple Methods
- Listening to Many Changes in a Component
- CSS Animations
- Closing Comments and Next Steps
- React Router Installation Note - Do Not Skip
Access
Lifetime
Content
3 hours
Lessons
41
ReactJS Course
Learn the JavaScript Library Used by Facebook & Instagram
By Azat Mardan | in Online Courses
Strengthen your front-end development with a targeted course exploring how major companies like Facebook and Instagram have enabled ReactJS to perform huge tasks with relatively little code. Learning how the best web user interfaces are built will give you excellent hands on experience in building them for your or your client's projects.
- Access over 41 lectures & 3 hours of content
- Build front-end apps w/ ReactJS as a view layer
- Utilize JSX
- Render ReactJS on the Node.js server
Azat Mardan has over 12 years of experience in web, mobile and software development. With a Bachelor's Degree in Informatics and a Master of Science in Information Systems Technology degree, Azat possesses deep academic knowledge as well as extensive practical experience.
Currently, Azat works as Technology Fellow at Capital One Financial Corporation. Before that, Azat worked as a Team Lead / Senior Software Engineer at DocuSign, where his team rebuilds 50 million user product (DocuSign web app) using the tech stack of Nodejs, Expressjs, Backbonejs, CoffeeScript, Jade, Stylus and Redis.
Recently, he worked as an engineer at the curated social media news aggregator website, Storify dot com (acquired by LiveFyre) which is used by BBC, NBC, CNN, The White House and others. Storify runs everything on Nodejs unlike other companies. It's the maintainer of the open-source library jade-browser.
Before that, Azat worked as a CTO/co-founder at Gizmo — an enterprise cloud platform for mobile marketing campaigns, and has undertaken the prestigious 500 Startups business accelerator program.
Prior to this, Azat was developing he developed mission-critical applications for government agencies in Washington, DC, including the National Institutes of Health, the National Center for Biotechnology Information, and the Federal Deposit Insurance Corporation, as well as Lockheed Martin.
Azat is a frequent attendee at Bay Area tech meet-ups and hackathons (AngelHack hackathon '12 finalist with teamFashionMetric dot com).
In addition, Azat teaches technical classes at General Assembly, Hack Reactor, pariSOMA and Marakana (acquired by Twitter) to much acclaim.
In his spare time, he writes about technology on his blog: webapplog dot com which is number one in “expressjs tutorial" Google search results. Azat is also the author of Expressjs Guide, Rapid Prototyping with JS and Oh My JS; and the creator of open-source Nodejs projects, including ExpressWorks, mongoui and HackHall.
For more details on this course and instructor, click here.
Details & Requirements
- Length of time users can access this course: lifetime access
- Access options: web streaming, mobile streaming
- Certification of completion included
- Redemption deadline: redeem your code within 30 days of purchase
- Experience level required: all levels, but some background in JavaScript may be helpful
Compatibility
- Windows
- Mac
- Android
- iOS
Course Outline
- Don't Watch Me!
- Node.js and npm (Recommended) (2:33)
- Module 1: React.js Basics
- Quick Intro (2:40)
- Hello World (5:29)
- Hello World Demo (2:46)
- JSX (4:06)
- JSX Demo (1:43)
- Babel
- Babel Demo (3:04)
- Components (3:14)
- Module 1 (Cont)
- Nesting Elements (2:47)
- Variables (2:12)
- State
- Methods and Events (3:28)
- Props
- Summary (2:46)
- Project: Timer
- Module 2: Developing with React.js
- Congrats
- Lists
- Project: Menu
- Refs and Default Props
- Default Props Demo
- Prop Types
- Required Props
- Mixins
- Module 2 (Cont)
- Rendering Children Elements
- Forms, Events and Uncontrolled Components
- Controlled Components and Default Values
- Rendering Children Demo
- Uncontrolled Components Demo
- Controlled Components Demo
- Style Attribute Demo
- Summary (1:45)
- Module 3: Getting Reactive with Message Board (Express+MongoDB+React+Gulp+JSX)
- Board Part 1: Package.json and Gulpfile.js
- Board Part 2: Express.js+MongoDB REST API Server POST and GET Endpoints
- Board Part 3: Testing REST API Server POST and GET Endpoints with Postman
- Board Part 4: HTML Page with Twitter Bootstrap
- Board Part 5: Header and Footer React JSX Components
- Board Part 6: Getting JSON from REST API Server and Saving Data with AJAX/XHR
- Board Part 7: JSX List Table with Map
Access
Lifetime
Content
8 hours
Lessons
72
Build Apps with React Native
Leverage the Newest Web Development Techniques to Build Mobile Apps
By Stephen Grider | in Online Courses
Build and implement your knowledge of React Native by developing apps for iOS and Android in this course. In this tutorial, you will receive ample time to apply the lessons you've learned in each of your courses and develop apps that you may add to your professional portfolio.
- Access over 72 lectures & 8 hours of content
- Build mobile apps for iOS using React Native
- Prototype & deploy your own applications to the Apple Store
- Get up to speed w/ React design principles and methodologies
- Learn the differences between using React in a browser & on a mobile device
- Discover mobile design patterns used by experienced engineers
Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course.
For more details on this course and instructor, click here.
Details & Requirements
- Length of time users can access this course: lifetime access
- Access options: web streaming, mobile streaming
- Certification of completion included
- Redemption deadline: redeem your code within 30 days of purchase
- Experience level required: all levels, but some background in JavaScript may be helpful
Compatibility
- Mac OS X required
- iOS
Course Outline
- Start Here!
- Introduction
- Github Repository & What to do when you are stuck
- Environment Setup
- Running the Simulator
- Project Structure
- JSX
- JSX for React Native
- Rendering a Component
- Rendering a Component - Continued
- Styling in Javascript
- Styling in Javascript Continued
- Composition of Components
- Composition of Components Continued
- Props
- Building Lists
- Building Lists Continued
- Using NPM Modules
- Dynamic Properties
- Dynamic Styling
- Dig Deeper - React Native in Detail
- Investigating the React Native Stack
- ES2015 Syntax
- Keeping Render Clean
- Flexbox
- Flexbox Layout Tricks
- Flexbox Continued
- Flexbox Wrapup
- Responding to User Input
- State
- More on State
- Styling Continued
- Stopping Time
- Recording Laps
- Displaying Laps
- Lap Styling
- Network Requests
- Fetching Remote Data
- MapViews
- MapViews Continued
- More on MapViews
- Stateful Annotations
- Network Requests
- Fetch
- Fetch Continued
- API Response on State
- MapView Styling
- MapView and Fetch Wrapup
- More to Follow!
- Authentication, Navigation, and Android
- Introduction to Parse
- Android Setup - Part 1
- Android JDK and SDK
- Android Environment Variables
- Dependency Installation
- Genymotion and Android Simulator
- iOS/Android Agnostic Apps
- iOS/Android Agnostic Apps Part 2
- Authentication Setup
- Signin Form
- Reusable Components
- Inputs and State
- Parse Integration
- Parse Installation
- User Sign In
- Parse Review
- Navigation
- Navigation in Practice
- Navigation in Practice - Part 2
- Navigation in Practice - Part 3
- User Signup
- User Signup Submission
- User Signup Submission - Part 2
- Accessing Current User
- Authentication Wrapup
Access
Lifetime
Content
1 hours
Lessons
17
React for Beginners Tutorial
Introduce Yourself to One of the Premiere Social Media Interfacing Languages
By Sandy Ludosky | in Online Courses
In this tutorial for beginners to React, you will learn the basic fundamentals of building user interfaces using this JavaScript library. React is fast becoming an essential tool for web developers and this course will be the first step toward the career of your dreams.
- Access over 17 lectures & 1.5 hours of content
- Understand the fundamentals of React
- Decipher the React syntax
- Compile JSX into plain Javascript using CLI & NPM react tools
- Learn to create components
My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada. I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery. I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few. Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development. On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff.
For more details on this course and instructor, click here.
Details & Requirements
- Length of time users can access this course: lifetime access
- Access options: web streaming, mobile streaming
- Certification of completion included
- Redemption deadline: redeem your code within 30 days of purchase
- Experience level required: all levels, but some background in HTML and CSS may be helpful
Compatibility
- li>Windows
- Mac
- Android
- iOS
Course Outline
- Getting Started with React.js
- Introduction
- What is React ?
- Why React ?
- What you show know before watching the class
- What you need before starting the class
- The React Syntax
- First React Component
- React Properties
- Building the Todo App with React.js
- Create the Todo Component
- Building the User Interface
- Using properties
- Handling events
- Adding and using state
- Using refs
- The Todolist component
- Editing & saving Todos
- Adding &Removing Todos
- Adding some Javascript logic
Access
Lifetime
Content
3 hours
Lessons
24
Master ExpressJS to Build Web Apps with NodeJS & JavaScript
Organize & Streamline Massive Amounts of Code Using ExpressJS
By Azat Mardan | in Online Courses
With ExpressJS, developers can easily organize their code, add more functionality and configure servers. Given its stability and efficiency, ExpressJS is a valuable investment in terms of learning more advanced frameworks down the road. Many companies use it in their own interfaces as well, making this course a strong asset for your web development portfolio.
- Access over 24 lectures & 3.5 hours of content
- Utilize Express & Node to build REST APIs
- Create traditional web apps
- Use Express middleware static
- Interpret data on the server from web form
- Accept URL parameters on the server
- Send back JSON data to clients
Azat Mardan has over 12 years of experience in web, mobile and software development. With a Bachelor's Degree in Informatics and a Master of Science in Information Systems Technology degree, Azat possesses deep academic knowledge as well as extensive practical experience.
Currently, Azat works as Technology Fellow at Capital One Financial Corporation. Before that, Azat worked as a Team Lead / Senior Software Engineer at DocuSign, where his team rebuilds 50 million user product (DocuSign web app) using the tech stack of Nodejs, Expressjs, Backbonejs, CoffeeScript, Jade, Stylus and Redis.
Recently, he worked as an engineer at the curated social media news aggregator website, Storify dot com (acquired by LiveFyre) which is used by BBC, NBC, CNN, The White House and others. Storify runs everything on Nodejs unlike other companies. It's the maintainer of the open-source library jade-browser.
Before that, Azat worked as a CTO/co-founder at Gizmo — an enterprise cloud platform for mobile marketing campaigns, and has undertaken the prestigious 500 Startups business accelerator program.
Prior to this, Azat was developing he developed mission-critical applications for government agencies in Washington, DC, including the National Institutes of Health, the National Center for Biotechnology Information, and the Federal Deposit Insurance Corporation, as well as Lockheed Martin.
Azat is a frequent attendee at Bay Area tech meet-ups and hackathons (AngelHack hackathon '12 finalist with teamFashionMetric dot com).
In addition, Azat teaches technical classes at General Assembly, Hack Reactor, pariSOMA and Marakana (acquired by Twitter) to much acclaim.
In his spare time, he writes about technology on his blog: webapplog dot com which is number one in “expressjs tutorial" Google search results. Azat is also the author of Expressjs Guide, Rapid Prototyping with JS and Oh My JS; and the creator of open-source Nodejs projects, including ExpressWorks, mongoui and HackHall.
For more details on this course and instructor, click here.
Details & Requirements
- Length of time users can access this course: lifetime access
- Access options: web streaming, mobile streaming
- Certification of completion included
- Redemption deadline: redeem your code within 30 days of purchase
- Experience level required: all levels, but some background in JavaScript or NodeJS may be helpful
Compatibility
- li>Windows
- Mac
- Android
- iOS
Course Outline
- Welcome
- Express.js System Setup
- Lectures
- Slides (DOWNLOAD)
- Express.js Overview and the Core http RESTful API Demo
- Express.js Configurations and Middleware
- REST Methodology in Express.js
- Express.js GET Route
- Express.js Request and Response Objects
- Express.js Demo RESTful API
- Express.js Alternative and ExpressWorks Workshop (4:14)
- Practicum
- Practicum: ExpressWorks (1:29)
- ExpressWorks
- Hello World! (6:44)
- Static (5:51)
- Jade
- Good Old Form
- Stylish CSS
- Param Pam Pam
- What's in Query (4:26)
- JSON ME (6:05)
- BONUS
- Bonus (2:33)
- Express.js 4 Cheatsheet (BONUS)
- Building HackHall.com: Large Express.js Project (BONUS)
- Closing
Access
Lifetime
Content
4 hours
Lessons
43
Hacking with React eBook
Learn React Quickly, & Refresh Your Skills Down the Line with this eBook
By Paul Hudson | in Online Courses
Paul Hudson's eBook, Hacking With React, is the textbook to guide you when your React skills get rusty. This book is all nuts and bolts, specifically written to teach you how to code with React in the quickest way possible. Arguing that React is the gold standard of modern code, Hudson teaches you how to develop, write, and implement it in myriad ways. This is an outstanding reference point for the modern web developer.
- Stay up to date with free future updates
- Learn to install Webpack, Babel & React for development with ES6
- Discover a React component & learn to import it into an application.
- Understand how to write JSX to render content.
- Learn how to fetch data from GitHub using SuperAgent & Ajax.
Paul Hudson is an award-winning developer and technical writer, having published Hacking with Swift, Hacking with PHP, PHP in a Nutshell, Ubuntu Unleashed, and been editor of Linux Format magazine. His apps are used by the likes of MacLife magazine, Edge magazine, Fender, Virgin, Jamie Oliver, Odeon, Tesco, and more.
For more details on this course and instructor, click here.
Details & Requirements
- Length of time users can access this course: lifetime access
- Access options: web streaming, mobile streaming
- Redemption deadline: redeem your code within 30 days of purchase
Compatibility
- Windows
- Mac
- Android
- iOS
Course Outline
- Welcome!
- Begin at the Beginning: Chapter One
- The Importance of using Webpack with React
- Introduction to JSX
- Importing React Components using ES6
- What are React Props?
- Generating Random Values for Our Page
- How to Write if/else Conditional Statements in JSX
- Using JSX to Render Several Elements at Once
- Handling Events with JSX: onClick
- State vs Props in React
- Changing a React Component’s State with setState()
- State and the Single Source of Truth
- Rendering an Array of Data with map() and JSX
- Cleaning up and Preparing for a Real Project
- Fetching Ajax Data from GitHub using SuperAgent
- Converting GitHub’s JSON into Meaningful JSX
- Time for a Task: Reading from Three Feeds
- How to Upgrade Our App to Read Three Feeds
- Refactoring our Ajax Code: Don’t Repeat Yourself
- Refactoring our State Code: Passing Parameters in onClick
- Introducing React Router
- How to Add a New Route to React Router
- Creating a Link Between Pages in React Router
- Making Custom URLs with React Router Params
- Adding a Root Route Using React Router and IndexRoute
- Cleaning up Our Routes and Preparing for the Next Step
- Time for a Test: Clickable Usernames
- Making Usernames Clickable: My Solution
- Time for some Basic User Interface Polish
- Adding React Router Breadcrumbs with Link and IndexLink
- The First 80% is Done: Now What?
- How to Configure Jest to Test React and ES6
- Creating our First React Test with Jest
- Using Jest to Test Our React Components
- Using Jest to Simulate User Interaction on a React Component
- Time for Ajax: Using Jest with Asynchronous Tests
- Mocking Ajax with Jest: Making an Asynchronous Test Become Synchronous
- Cleaning up Our Tests: Last Tweaks
- Linting React using ESLint and Babel
- Linting React using Airbnb’s ESLint Rules
- How to Add React Component Prop Validation in Minutes
- Bringing it all Together: Project Complete!
Terms
- Unredeemed licenses can be returned for store credit within 15 days of purchase. Once your license is redeemed, all sales are final.
