Skip to content

Latest commit

 

History

History
39 lines (20 loc) · 2.53 KB

File metadata and controls

39 lines (20 loc) · 2.53 KB

codeHBS React Redux starter code

This repo contains starter code to build a web application using React/Redux. If you're new to Javascript coding, first thing you'll want to do is make sure you have node and the npm command line installed. Node is just server side Javascript, and npm is the way to install the necessary libraries and packages (e.g., react and redux) to get your code working. You can learn more about how to install node and the npm command line [here] (https://www.sitepoint.com/beginners-guide-node-package-manager/).

Once you've got node installed, you'll need to fork the codehbs-react repository to your own GitHub page. Forking will create a copy of the repository on your github profile. Navigate to this copy on your GitHub profile page, and clone the repository to your desktop. After cloning the repo, cd into the directory on your command line and run the following commands:

npm install <-installs the necessary packages and dependencies

npm start <-starts the server

Open your brower to a new screen and navigate to localhost:8080. This is where the server is running locally and you should see "hey there codeHBS".

Now add some functionality! (links to resources)

Search Youtube & videos: http://hackingbeauty.com/create-a-reactjs-component-part1/

Build a weather app: http://joanmira.com/tutorial-build-a-weather-app-with-react/

Create a simple to-do list: https://pankajparashar.com/posts/todo-app-react-js/

Make a chat app (w/ Socket.io): http://danialk.github.io/blog/2013/06/16/reactjs-and-socket-dot-io-chat-application/

Additional resources

Link to presentation slides: http://www.slideshare.net/secret/3f91gi5OnVLUS1

Code for app from presentation (www.crowded.cafe): https://github.com/crowdedProject/Crowded

MVC frameworks and React: http://www.code-experience.com/react-js-vs-traditional-mvc-backbone-ember-angular/

9 things React users should know: https://camjackson.net/post/9-things-every-reactjs-beginner-should-know

Material design (e.g., make things look like a Google product): https://getmdl.io/

Stephen Grider Udemy tutorials (best out there for React/Redux): https://www.udemy.com/react-redux/

Getting up to speed on Webpack (build tool): https://medium.com/@dabit3/beginner-s-guide-to-webpack-b1f1a3638460#.n8u7qt879

Deploying on Heroku (aka getting it to run on a live site, not just locally): http://ditrospecta.com/javascript/react/es6/webpack/heroku/2015/08/08/deploying-react-webpack-heroku.html