Git Product home page Git Product logo

easy_react_starter's Introduction

Easy React Starter Skeleton

This repository serves as a companion to the forthcoming book, "Easy React: Build Powerful Web Apps Using Modern JavaScript Technologies" (http://easyreactbook.com). It contains several branches intended to help you understand and execute the examples with minimum inconvenience. While you're certainly not required to use this repository to learn from the book, I thought it would be nice to save readers some preliminary typing and instead devote the time and energy to focusing on the material.

Being a Git repository, you'll need to possess at least rudimentary Git skills to make the most of these examples. If you're not familiar with Git I suggest having a look Scott Chacon's great book (available for free online), "Pro Git", in addition to Neo's fantastic online "Git Immersion" course.

Learn more about the book at http://easyreactbook.com. You can download the introduction and first chapter for free!

Chapter 1: Introducing React

This chapter is accompanied by four branches. Throughout the chapter I'll give you a heads-up regarding the appropriate time to switch to the next branch. The branches currently include:

  • master: This branch demonstrates how to create your first component
  • user_input: This branch demonstrates how to detect and respond to user input
  • vocab_filter: This branch demonstrates how to create a simple real-time search filter
  • json_loader: This branch demonstrates how to load and render JSON
  • mounting_example: This branch demonstrates various lifecycle methods (componentDidMount, componentWillMount, componentWillReceiveProps, etc).

Chapter 2: Configuring a Sane React Development Environment

  • react_browserified: This branch provides a working example demonstrating React, Browserify, and Babelify integration.

Chapter 3: Integrating HTML, CSS, Layouts and Routes

  • inline_styles: This branch demonstrates how to integrate and dynamically update inline styles.

  • react_bootstrap: This branch demonstrates how to install Bootstrap using npm, override a few default Bootstrap styles, use Gulp to compile the Bootstrap source files along with your overrides, and then apply those styles to a series of React components. Also included is a demonstration of how to integrate a Bootstrap jQuery plugin (the modal) into a React component.

  • react_router: This branch demonstrates a very simple react-router 1.0-beta3 implementation using two simple routes and browser history using the HTML5 History API. I'll definitely enhance this branch soon to include examples involving parameters and whatnot.

Chapter 4: Getting Fluxxy With It

Forthcoming

Chapter 5: Integrating a REST API with Express

Forthcoming

Chapter 6: Integrating the MongoDB Database

Forthcoming

Chapter 7: Integrating Forms

Forthcoming

Chapter 8: Integrating User Accounts

Forthcoming

Chapter 9: Going Native

Forthcoming

Contact the Author

Found a bug in the book or repository, or have a question? Pull requests and e-mails welcome. Contact the author W. Jason Gilmore at [email protected].

License

Licensed under the MIT. See LICENSE.md for all the glorious details.

easy_react_starter's People

Contributors

wjgilmore avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

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.