Learn React JS from scratch: Create hands on projects

Learn React.js from scratch and discover how to create dynamic user interfaces with this beginner-friendly course!

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This React.js course is designed for absolute beginners who want to dive into the world of web development. You'll learn how to build reusable components, handle state and events, and create your very own React app!

Key Points

  • Learn the basics of React.js from scratch.
  • Understand component-based architecture.
  • Hands-on practice building React applications.

Learning Outcomes

  • Know how to use React and its libraries.
  • Build functional components with props and state.
  • Create a fully working React application.

About This Course

Learn React js JavaScript framework from scratch

React.js is a an open-source JavaScript library for creating user interfaces
React adopts  a component based approach in developing applications.
Every react app can considered a component or a collection of components which can be re-usable.

This course is for absolute beginners to react and will teach you from scratch what you need to know to begin
creating react based applications. React is fun and easy to learn.

React.js is designed to make the process of building modular, reusable user interface components simple and intuitive. With React you can design  simple views for each state of an application. You can also use  React to efficiently update and render  components when your data changes.  I will walk you through how to create react components from scratch, review components properties, and component state, as well as the foundational parent/child relationships within React.js. I will also take you through  the lifecycle of components . You will be transpiling JSX code using babel which is an in browser transpiler that converts  JSX code into readable format.

What you will learn includes:

What is React.js?
Who uses  React
Adding and accessing React Library
Adding and accessing React DOM Library
Adding and accessing Babel compiler
Using JSX
Creating a React component
Using props
Prop Types
Using props with children
Working with state
Handling events
Using Refs
Mounting components
Un-Mounting Components
Updating Components
Creating a React App


This is a practical hands-on course and i encourage you to follow along as much as possible.


Thank you and welcome to the course.

  • Know how to access the React Library

  • Know how to access the React DOM Library

  • Know how to write JSX syntax

Course Curriculum

Instructor

Profile photo of Bluelime Learning Solutions
Bluelime Learning Solutions

Welcome to the vibrant learning hub of Bluelime Learning Solutions! Based in the UK, we are dedicated to crafting high-quality, easily digestible eLearning experiences. With a robust following of over 776,000 students and backed by more than 43,000 reviews, we take pride in delivering educational content that not only enlightens but also empowers.At Bluelime Learning Solutions, our approach is simple:...

Review
4.9 course rating
4K ratings
ui-avatar of Ray Pittman
Ray P.
2.5
7 years ago

Slow start, monotonous, but thorough.

  • Helpful
  • Not helpful
ui-avatar of Thomas McBride
Thomas M.
3.5
8 years ago

Section 2 lecture 10 - Using wrong code.
Section 2 lecture 11 - Using wrong code.
Section 3 lecture 17 - Did not explain how he was rendering the example so could not follow.

Was unable to save to firebase even tho i followed instruction to the letter

  • Helpful
  • Not helpful
ui-avatar of Welly Ryan
Welly R.
3.0
8 years ago

No sources code to compare and the code is not all coding from scratch, more of them are copy paste

  • Helpful
  • Not helpful
ui-avatar of Darwin Batres
Darwin B.
3.5
8 years ago

i guess this is a good course for someone who is starting

  • Helpful
  • Not helpful
ui-avatar of Ruben Arias
Ruben A.
0.5
8 years ago

no examples, no source code, no url references...

  • Helpful
  • Not helpful
ui-avatar of Leo Knudsen
Leo K.
4.5
8 years ago

very great course and quite understandable in terms of basic usage of ReactJS
but i need to speed up the video abit, i think in general the course can be a little longhaired if you are not used to slow speaking video's but to top it its a very great course really worth it Thank You :=)

  • Helpful
  • Not helpful
ui-avatar of Quinton Fults
Quinton F.
2.0
8 years ago

Frequent sections of code left out and assumed for the viewer to just 'know'. never showed how to post to database, just how to check if there is anything in it.

  • Helpful
  • Not helpful
ui-avatar of Aaron Terry
Aaron T.
4.5
8 years ago

A pretty good primer for react. I watched at 1.5 speed which was a good pace for the presenter's normal voice speed. Plus I got through it quicker... win/win!

  • Helpful
  • Not helpful
ui-avatar of Stephen Mangion
Stephen M.
5.0
8 years ago

I found this course very well out together in a sense that content is well structure and delivered at a digestable pace (neither fast, not slow). The voice is very well pronounced and the lecturer explains everything - from acronyms to what is happening in every line of code. Well done!

  • Helpful
  • Not helpful
ui-avatar of Nancy Han
Nancy H.
5.0
8 years ago

It's a great tutorial for beginners.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses