ReactJS

Samples of ReactJS

DataGrid

This component is used for printing tables with filtering, sorting and exporting features.

Component MyContacts uses component DataGrid

Files

• DataGrid.jsx
• MyContacts.jsx

Redux Forms

Sample of React/Redux forms

Files

• index.jsx

Google Maps

This sample shows using of Google Maps for:

• rendering map and markers
• updating markers by moving the map viewport
• rendering complex InfoWindows that are passing Redux Store to their children

Files

• MapView.jsx
• MapInfoWindow.jsx

Svg

This sample shows using svg masks

Files

• index.jsx

HOC for mouse enter/over detecting

This function is used for detecting mouse enter/over events on any component

Files

• index.js

Render props

This sample demonstrates implementing and usage render props pattern.

• IsAuth demonstrates pattern implementing
• NewsRating demonstrates pattern usage

Files

• IsAuth.js
• NewsRating.js

Next.js

This sample demonstrates redux-store preparing before page rendering by getInitialProps Next.js hook

• index.js