https://github.com/fullstackacademy/study-saturday-react
https://github.com/fullstackacademy/study-saturday-react
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/fullstackacademy/study-saturday-react
- Owner: FullstackAcademy
- Created: 2018-08-29T19:42:20.000Z (almost 8 years ago)
- Default Branch: main
- Last Pushed: 2021-12-08T20:43:58.000Z (over 4 years ago)
- Last Synced: 2025-03-29T21:09:25.825Z (about 1 year ago)
- Language: JavaScript
- Size: 3.43 MB
- Stars: 5
- Watchers: 69
- Forks: 473
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Study-Saturday-React
## Lecture Slides: [Study-Saturday-React](https://docs.google.com/presentation/d/1gYUcgO7BPUFEOJKL40jJFhfoYpynmTm7mxbSWlJTlXk/edit?usp=sharing)
## Objective: Build a React front-end for our CRUD app
### Details
- Front end should consist of a table view of all students
- Clicking on a student should show a detailed view of that individual student's test scores
### Getting Started
1) fork and `git clone`
2) `npm install`
3) `npm run seed`
4) `git checkout cycle-1`
#### Tips
- All your React code should feed into browser/index.js
- Use axios to access your express routes via AJAX. This is just like fetch, but more compatible with React!
#### Note for Instructors
- It may be helpful to do a walkthrough of the codebase/file structure before letting students loose on the React code!
- Emphasize that students will usually be working with a boilerplate, and it's not super important to learn the nitty-gritty of the codebase at this moment. They should be getting more comfortable looking up unknowns in the documentation.