https://github.com/nikrb/learn2react

following will stern's react tutorial from code academy. see the branches for the different you tube vids
https://github.com/nikrb/learn2react

Last synced: 8 months ago
JSON representation

following will stern's react tutorial from code academy. see the branches for the different you tube vids

• Host: GitHub
• URL: https://github.com/nikrb/learn2react
• Owner: nikrb
• Created: 2016-08-20T14:26:50.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2016-09-16T17:25:12.000Z (over 9 years ago)
• Last Synced: 2025-04-05T17:29:59.986Z (about 1 year ago)
• Language: JavaScript
• Size: 19.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• 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.

To start:

1. get mongo running

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

   unixy: npm run start-api

   dos  : npm run dos-start

3. run webpack to watch for front end changes

   webpack --watch

`Will` uses class instead of react className. This is useful (for him) as he wanted

to copy his html en-masse without having to rename all the class attribs to className.

This is done by using the react-html-attrs package in webpack.config.js:

```

module.exports = {

  // ...

  module : {

    loaders : [

      {

        // ...

        query: {

          presets: ['react', 'es2015', 'stage-0'],

          plugins: ['react-html-attrs', 'transform-class-properties',

                                            'transform-decorators-legacy'],

        }

      }

    ]

  }

  // ...

}

```

On the way here ...

trying to run backend api with webpack

finding process:

lsof -i tcp:$PORT

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/