A nice collection of often useful examples done in React.js

Time Sheet Component for React

Share on:

React Time Sheet Time Sheet Component for React. Modified from timesheet.js Installation The easiest way to use react-timesheet is to install it from NPM and include it in your own React build process (using Browserify, etc). You can also use the standalone build by including dist/react-timesheet.js in your page. If you use ...

Continue reading

A ReactJS component that creates a pagination

Share on:

react-paginate A ReactJS component to render a pagination. By installing this component and writing only a little bit of CSS you can obtain this: Installation Install react-paginate with npm: $ npm install react-paginate --save For CommonJS users: import ReactPaginate from 'react-paginate'; Read the code of demo/js/demo.js. You will quickly understand how to make ...

Continue reading

Svg react icons of popular icon packs

Share on:

React Icons Include popular icons in your React projects easly with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. Installation npm install react-icons --save Live Demo http://gorangajic.github.io/react-icons/index.html GitHub ...

Continue reading

A flexible lightbox component for displaying images in a React project

Share on:

React Image Lightbox A flexible lightbox component for displaying images in a React project. React lightbox component. Features Keyboard shortcuts (with rate limiting) Image Zoom Flexible rendering using src values assigned on the fly Image preloading for smoother viewing Mobile friendly, with pinch to zoom and swipe (Thanks, @webcarrot!) No external CSS Live Demo https: ...

Continue reading