Easy React Starter Examples

Several practical React examples

Comment

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.

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 wj@wjgilmore.com.

License

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

Built With

Share this project:

Updates