Skip to content

tiendq/twitter-client-redux

Repository files navigation

twitter-client-redux

A Redux async action example to search Twitter with Twitter REST APIs

Build Status Greenkeeper badge

Demo

Features

  • Redux async action
  • Twitter REST APIs
  • CSS modules
  • Test with Jest
  • Server side rendering (SSR)
  • Pass ref to HOC/Redux's connected components with React.forwardRef

Notes: We use babel-node for development (and build by babel for production). babel use babel-plugin-css-modules-transform to handle scss files then it ignores style-loader which loaded by webpack-dev-middleware. To support SSR we need to only use webpack for client side code.

How to Start

yarn install

yarn test

yarn start to start an Express server at http://localhost:8080 with HMR (nodemon is utilized for its live loading feature).

yarn build to build code for production mode e.g. use CSS file instead of inline style.

Configuration

In order to run this application locally you need to create a Twitter application in your own Twitter account then provide valid CONSUMER_KEY and CONSUMER_SECRET in .env file.

Resources

©2018 Tien Do

MIT License.