The Beginner's Guide to React V1 (2017)
Offered By: egghead.io
Course Description
Overview
React got that name for a reason. It’s a component-based JavaScript library that renders smartly and can seriously simplify your work.
This course is for React newbies and anyone looking to build a solid foundation. It’s designed to teach you everything you need to start building web applications in React right away.
Each lesson in this 19-part course is a single index.html file. This keeps your focus on learning React, no distractions. We’ll start with a blank file and add more complexity as we go along, wrapping the course with a lesson on how to move into a more production-ready development environment—and even deploy your app to a great service like Netlify.
You'll come out of this course with a solid grasp on:
what problems React can solve how React solves those problems under the hood what JSX is and how it translates to regular JavaScript function calls and objects You’ll build a solid understanding so when you come across JavaScript challenges down the road, you’ll know how to…react.
This course is for React newbies and anyone looking to build a solid foundation. It’s designed to teach you everything you need to start building web applications in React right away.
Each lesson in this 19-part course is a single index.html file. This keeps your focus on learning React, no distractions. We’ll start with a blank file and add more complexity as we go along, wrapping the course with a lesson on how to move into a more production-ready development environment—and even deploy your app to a great service like Netlify.
You'll come out of this course with a solid grasp on:
what problems React can solve how React solves those problems under the hood what JSX is and how it translates to regular JavaScript function calls and objects You’ll build a solid understanding so when you come across JavaScript challenges down the road, you’ll know how to…react.
Syllabus
- Introduction to The Beginner's Guide to ReactJS
- Create HTML elements with React's createElement API
- Replace React createElement Function Call with JSX
- Create a Simple Reusable React Component
- Validate Custom React Component Props with PropTypes
- Conditionally Render A React Component
- Rerender a React Application
- Style React Components with className and In Line Styles
- Use Event Handlers with React
- Use Component State with React
- Stop Memory Leaks with componentWillUnmount Lifecycle Method in React
- Use Class Components with React
- Manipulate the DOM with React refs
- Make Basic Forms with React
- Make Dynamic Forms with React
- Controlling Form Values with React
- Use the key prop when Rendering a List with React
- Make HTTP Requests with React
- Build and deploy a React Application
Taught by
Kent C. Dodds
Related Courses
Software as a ServiceUniversity of California, Berkeley via Coursera Intro to Computer Science
University of Virginia via Udacity Web Development
Udacity Software Engineering for SaaS
University of California, Berkeley via Coursera CS50's Introduction to Computer Science
Harvard University via edX