Learning some of the fundamentals of React.
In order to get started, go through the walkthrough files, numbered in the correct order, and move them into the src directory.
Once the files are there - run npm start
and navigate to localhost:3000
- Copy
index.html
file intopublic/
- Copy
App.js
intosrc/
- Copy
index.js
file intosrc/
- Look at React Dev Tools
- Play around with some changes to
App.js
- use some JSX using a template variable - Create a side nav bar component or copy component
- Create Card component or copy component
- Import the Card component into
App.js
- Make multiple Card components
- Copy in spreadsheet component
- Copy in Cell component
- Show Cell props in Cell component
- Show Cell props in Spreadsheet component
- Try adding onClicks to spreadsheet (it wont work)
- Add click “bubbling up” from the Cell component
- Store state in the board component and pass those values to Cells
- Add clicking to change the state of the board
- Transition storing state to contain history instead
- Add an undo feature to revert state
- Look at
mobile/
to see how a React Native app differs from React