fullstackreact/redux-module-builder-example

Name: redux-module-builder-example

Owner: Fullstack React

Description: An example of using the _powerful_ redux module concepts

Created: 2016-07-18 17:46:21.0

Updated: 2018-01-05 11:53:55.0

Pushed: 2016-07-22 09:49:15.0

Homepage: null

Size: 1042

Language: JavaScript

GitHub Committers

UserMost Recent Commit# Commits

Other Committers

UserEmailMost Recent Commit# Commits

README

redux-module-builder

An example app utilizing the twitter stream API, demonstrating how to use and featuring the efficiency of using redux-module-builder.

The demo application creates four redux modules (all located in the src/redux/modules directory):

| name | file path | description | |-----|--------|-----| | users | src/redux/modules/users.js | responsible for keeping track of the current user | | events | src/redux/modules/event.js | responsible for getting upcoming events | | images | src/redux/modules/images.js | responsible for getting images associated with an event | | currentEvent | src/redux/modules/currentEvent.js | responsible for connecting to a websocket and live updating an event's data |
Quickstart

First, clone the repository and install the dependencies:

clone https://github.com/fullstackreact/redux-module-builder-example.git
edux-module-builder-example

stall dependencies
install

Next, we'll need to make sure we have a .env file in the root of our project. We've included a sample .env file for you already, so you can use it as a base for yours:

env.example .env

art the server
start
Configuring the Application

This app uses dotenv for configuration. In order to configure the application for your own api access, grab an api token from Twitter here and set it in a file called .env at the root for a key called __TWITTER_KEY__. For instance, say that your twitter key is: abc123. Your .env file should look like:

NAME=liveStream
HOST=realtime.fullstackweb.org
URL=https://realtime.fullstackweb.org
RL=wss://realtime.fullstackweb.org
TER_KEY=abc123
Contributing
clone https://github.com/fullstackreact/redux-module-builder-example.git
edux-module-builder-example
install
start

Fullstack React Book

Fullstack React Book

This app was built alongside the blog post React Tutorial: Cloning Yelp.

This repo was written and is maintained by the Fullstack React team. In the book we cover many more projects like this. We walk through each line of code, explain why it's there and how it works.

This app is only one of several apps we have in the book. If you're looking to learn React, there's no faster way than by spending a few hours with the Fullstack React book.

License

MIT


This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.