Skip to content

Starter code to get up and running with React/Redux

Notifications You must be signed in to change notification settings

codehbs/codehbs-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Starter code to get up and running with React/Redux

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published