Skip to content

wnuqui/react_crash_course

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Crash Course on React

These are basic React applications for my crash course on React. The applications are mostly in ES5 as React site is still using ES5 for their getting started and tutorial guides during the time I took the crash course.

And then I ported comments_box using ES6 with browserify, babel and gulp.

Take note that these are applications I followed from Facebook's old React site where ES5 is still being used.

How to run each simple React applications

Clone the app and for each application refer to the instructions below.

ES5

comments_box

  1. Go to es5/comments_box, and do
$ PORT=3001 ruby server.rb # serve static files and handle POST /api/comments
  1. Then visit http://localhost:3001 to use the app.

Other apps

  1. Go to specific folder, sayes5/component_with_external_plugin, and do
$ httpster -p 3002 # or any tool to serve static files
  1. Then visit http://localhost:3002 to use the app.

ES6

  1. Go to es6/comments_box/frontend, and do
$ npm install
$ ./node_modules/.bin/gulp build
  1. Go to es6/comments_box, and do
$ PORT=3001 ruby server.rb # serve static files and handle POST /api/comments
  1. Then visit http://localhost:3001/index.html to use the app.

About

Crash Course on React using ES5 and ES6

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published