This repository was created to help people learn the basic tasks that you need to perform when creating applications using React. This project was bootstrapped with Create React App and you can find the most recent version of the user guide here.
The app uses real world data from the Alpha Vantage financial API to compare the movement of Ethereum's value and Microsoft's stock price. This is all just a bit of fun and an attempt to have a real world example that is Not-Another-Todo-App(TM).
The tutorial is split into multiple parts each covering a simple but important part of building a web app with React. You can find the finished code for each step in a branch with the corresponding name in brackets.
- Part 1: Introduction (start)
- Part 2: Creating a basic component (creating-basic-component)
- Part 3: Splitting components up (splitting-components)
- Part 4: Using props to pass values and functions to sub-components (using-props)
- Part 5: Using state to manage fetching data from an API (using-state-for-api-requests)
- Part 6: Creating a new pages with React Router (react-router)
The intention of this repository and tutorial is to act as a guide to help you get your head around the basics of the sorts of things you need to do in a react app
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!