Type in a location and see a stream of the most recent tweets for that location.
This application demos Alt/Flux and full ES6 integration with React-Native. Develpment tools used include Webpack Dev Server to bundle and serve all files, Gulp-Eslint to keep the code syntactically awesome, and Jest to unit test.
You can quickly bootstrap your React-Native development by using the application as a boilerplate example. The application communicates with the Twitter and Google API via an iojs server I deployed to Heroku.
Build upon this as you wish!
The application demonstrates:
- The Flux pattern in React-Native
- Use of a custom navigation bar
- Code base organization for React-Native development
- Modular UI components
- Unit testing with Jest
- Gulp integration
- Webpack Dev Server w/ React-Native
To get started run npm install
and then build the project in Xcode.
To start the webpack dev server, run npm start
.
To test the application, run npm test
.
To run the application on your iPhone, see instructions in AppDelegate.m
The root file entry point is src/index.js
. This points to src/nav.js
, which renders src/app.js
.
src/nav.js
holds the all the logic related to app navigation. You can think of this a a 'router'.
src/app.js
is the main application component that is hooked up to the Alt stores and actions.
All contributions are welcome!