Skip to content

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-grid-demo

A simple example to show how you can create dynamic grid from data and do search in grid.

Architecture of the app

Smart Components

  • App.js
  • Datalist.js
  • SearchBar.js

Functonal Components

  • Button.js
  • ButtonSortData.js
  • ButtonReset.js
  • index.js
  • Data from public/ folder

How to run?

  • npm install
  • npm start {If your localhost port is not 300 then please change the local host in the App.js line no 7.}

What you will learn?

  • state Managment
  • axios call
  • child to parent communication
  • parent to child communication
  • events
  • css-in-js styling
  • global css
  • Buttons toggeling
  • Sorting Data by - rating and name

Feedback?

nsharma215@gmail.com

About

A react grid for sorting the data list - rating, alphabet etc

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages