https://github.com/jasonshin/react-carousel-data-driven

Data driven carousel in React.js ES6 Webpack
https://github.com/jasonshin/react-carousel-data-driven

Last synced: 3 days ago
JSON representation

Data driven carousel in React.js ES6 Webpack

• Host: GitHub
• URL: https://github.com/jasonshin/react-carousel-data-driven
• Owner: JasonShin
• Created: 2016-10-14T06:55:37.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2024-08-29T09:15:07.000Z (3 months ago)
• Last Synced: 2024-08-29T10:39:20.463Z (3 months ago)
• Language: JavaScript
• Homepage: https://jasonshin.github.io/React-Carousel-Data-Driven/
• Size: 2.7 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 64
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Data driven carousel example in React.js and CSS3

Example is available at: https://jasonshin.github.io/React-Carousel-Data-Driven/

Compatible browser: Chrome

# Features to highlight:

* Responsive carousel that works on all device resolutions include mobile, tablet, and desktop

* High performance carousel

* Data driven components using state management system in React.js (Mobx)

* Add new button triggers a dialog that dynamically appends new slide to the carousel

# Technologies used:

* React.js

* CSS3

* ITCSS (CSS Architecture)

* Mobx (State management)

* getmdl.io (lightweight Materials Design component)

* react-Slick

# Build

```

npm install

wepack --watch //watches file change

npm run dev //launched webpack dev server

```