Disclosure: when you buy through links on our site, we may earn an affiliate commission.

React.js Fundamentals – Create a super-fun calculator!

This is a great opportunity to learn everything you need to know to start building React applications. If you're not familiar with it, React.js is the librar...
4.0
4.0/5
(3 reviews)
232 students
Created by

7.5

CourseMarks Score®

5.4

Freshness

7.4

Feedback

9.0

Content

Platform: Skillshare
Video: 1h 44m
Language: English
Next start: On Demand

Table of contents

Description

This is a great opportunity to learn everything you need to know to start building React applications.

If you’re not familiar with it, React.js is the library that takes the complexity out of building web applications.

(It was invented by Facebook to get their sprawling, complicated site under control!)

This class will take you from basic React concepts through to building a working application, and includes all the resources you need to create your project. 

During this class you’ll learn:

  • What React.js is, and why it’s awesome!
  • Fundamental concepts such as managing React state, properties and rendering.
  • How the React component lifecycle works, and how to take advantage of it.

Along the way you’ll use React to implement a calculator application – it’s a tiny application but teaches you everything you need to know to start building anything you can imagine!

You don’t have to be a total web ninja, but it’s assumed you already know some HTML, CSS and JavaScript.

You will learn

Project – Create a calculator with React.js

In this class, you’ll build a simple but functional calculator to get you started with React.js.

I’ve provided everything you need to get started – skeleton HTML and CSS files, as well as the final working product, so you can check ahead of time to make sure everything works like it should.

Your deliverable, of course, is a working calculator application.

You can show your progress by uploading screenshots of your web page, and show off your awesome code by linking to a JS Bin or CodePen.

The file recalc-from-scratch.zip contains everything you need to get started. Double-click it to unzip, and then follow the instructions in the videos to start building your application!

You’ll use this application to learn about:

  • React components
  • JSX
  • One and two-way data flow
  • React state and rendering
  • Handling events in React
  • And avoiding unnecessary updates

Don’t forget to post your project to the project gallery! It’s a great way to get feedback on your work and find solutions to any problems you may run into.

I can’t wait to see your awesome React application!

Requirements

Basic knowledge of React.js is required to start this course, as this is an intermediate level course.

This course is for

This course was made for intermediate-level students.
Let’s get coding!!
Let’s get coding!!
Browse all courses by on Coursemarks.
Platform: Skillshare
Video: 1h 44m
Language: English
Next start: On Demand

Students are also interested in