Skip to content

Sample React app - user interact. Branch master load data from static json file. Branch addGraphQLBackend load data from remote graphQL server ( my-graphql-mongodb)

Notifications You must be signed in to change notification settings

wangchen-ca/my-react-interact

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My sample React application - my-react-interact

  • Technical points: to reflect user's interact/click/input, in React, equals to updating state data. React will update the web page automatically for you. We don't need to write code to display a popup, delete a row from a table, or hide a div, we only change the settings or flags in state. Reread the chapter

The app show 2 tables, one lists available candidates, the other displays selected ones. Users can select/remove candidates.

The app can be extended to add business rules into state operations, reference the the welcome section if interested.

How to Run

This project was bootstrapped with Create React App.

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

About

Sample React app - user interact. Branch master load data from static json file. Branch addGraphQLBackend load data from remote graphQL server ( my-graphql-mongodb)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published