Giter VIP home page Giter VIP logo

tutorial's Introduction

tutorial

This is a project to keep track of learning steps in the world of coding

  1. Started with ES6 tutorial on https://egghead.io

  2. Installed node.js $ npm init

  3. Installed Webpack and Babel $ npm install --save-dev babel-core babel-preset-es2015 $ npm install --save-dev babel-loader $ npm install --save jquery babel-polyfill $ npm install --save-dev webpack $ sudo npm install webpack -g

Intstallation faild so I had to delete node-modules folder and reinstall $ rm -rf node_modules $ npm install

  1. Introduced gitignore First had to un-track folders $ git rm . -r --cached $ git add . $ git commit -m "fixed untracked files" save .gitignore

  2. $ webpack --watch

  3. adding Reactive-Extensions / rx-node $ npm install rx-node--save

  4. React $ npm install react react-dom --save $ npm install babel-preset-react --save $ npm install babel webpack-dev-server -g

  5. Create new reposityory on command line $ echo "# d3" >> README.md $ git init $ git add README.md $ git commit -m "first commit" $ git remote add origin https://github.com/soosa/d3.git $ git push -u origin master

  6. Installing Express $ npm install express --save

//Use the application generator tool, express-generator, to quickly create an application skeleton. $ npm install express-generator -g

For example, the following creates an Express app named myapp in the current working directory: $ express myapp

On MacOS or Linux, run the app with this command: $ DEBUG=myapp:* npm start

On Windows, use this command:

set DEBUG=myapp:* & npm start

  1. Install React Router $npm install --save react-router

$ npm install reactfire react firebase --save

tutorial's People

Contributors

soosa avatar vuk1066 avatar

Stargazers

 avatar

Watchers

 avatar  avatar

tutorial's Issues

webpack running error

"Module build failed: Error: Couldn't find preset "react" relative to directory ..."

$npm i babel-cli babel-preset-react
$babel --presets react jsx/ --watch --out-dir js/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.