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.

dd589452

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!

Steven Fitzpatrick

--

1