https://github.com/nikrb/learn2flux

working through will stern's (code academy) react tutorial for flux. see the branches for the different you tube vids
https://github.com/nikrb/learn2flux

Last synced: 11 months ago
JSON representation

working through will stern's (code academy) react tutorial for flux. see the branches for the different you tube vids

• Host: GitHub
• URL: https://github.com/nikrb/learn2flux
• Owner: nikrb
• Created: 2016-08-20T13:35:51.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2016-09-16T17:30:44.000Z (over 9 years ago)
• Last Synced: 2025-04-05T17:30:27.227Z (about 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 35.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
working through learncode.academy "react JS tutorial" on youtube

checkout the different branches, the names roughly match the videos.

Starting with my finally cobbled together server with backend to mongo (master branch). This starting point has nothing to do with the tutorials, sorry about that! Just use the other branches.

There is NO server side rendering here ... I don't think so anyway haha!

To start:

1. get mongo running

2. run the server (nodemon to update on change)

   unixy: npm start

   dos  : npm run dos-start

3. run webpack to watch for front end changes

   webpack --watch

On the way here ...

trying to run backend api with webpack

finding process:

lsof -i tcp:$PORT

run webpack for frontend

npm start

run server as normal

npm run start-api

init comments in mongodb:

mongo scripts/init-mongo.js

react getting started:

https://github.com/FreeCodeCamp/FreeCodeCamp/wiki/Setting-Up-A-React-ES6-Webpack-Project

running webpack for react from cloud9:

```

webpack-dev-server --port $PORT --host $IP  --content-base dist/

```

*note $port and $ip seem to be already defined in workspace.*

react sass template.

point browser at:

https://react-sass-template-knik.c9users.io/

     ,-----.,--.                  ,--. ,---.   ,--.,------.  ,------.

    '  .--./|  | ,---. ,--.,--. ,-|  || o   \  |  ||  .-.  \ |  .---'

    |  |    |  || .-. ||  ||  |' .-. |`..'  |  |  ||  |  \  :|  `--,

    '  '--'\|  |' '-' ''  ''  '\ `-' | .'  /   |  ||  '--'  /|  `---.

     `-----'`--' `---'  `----'  `---'  `--'    `--'`-------' `------'

    -----------------------------------------------------------------

Welcome to your Node.js project on Cloud9 IDE!

Based on the cloud9 ide nodejs chat server starting template.