No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
04_create_notes.md
README.md
SUMMARY.md
add_a_back_button.md
add_a_content_editor.md
add_a_loading_spinner.md
add_an_app_header.md
add_note_details_route.md
add_publish_and_subscribe.md
add_react_and_react_router.md
add_routing.md
add_styling.md
add_styling_with_bootstrap.md
adding_data.md
app_component_hierarchy.md
app_security.md
click_to_add_or_update_note_content.md
click_to_edit_the_note_title.md
custom_app_header.md
delete_a_note.md
deploy_to_heroku.md
display_the_note_title_in_the_app_header_custom_la.md
feature_overview_creating_notes.md
feature_overview_note_details.md
feature_overview_private_notes.md
fix_empty_note_title_bug.md
install_react.md
js_basics.md
list_items_link_to_note_details.md
list_notes.md
notes.md
react_data.md
redirect_to_note_details_on_create_note.md
refactor_and_optimize.md
setting_up_your_project.md
todo.md

README.md

Full-stack JS With Meteor and React - Free Preview

In this tutorial, we're going to build a simple web app from scratch. Topics covered will include:

  • Setting up your development environment.
  • Installing and setting up React in Meteor.
  • Creating a basic and a more advanced React UI component.
  • Using data in React components.
  • Routing
  • Creating a data model
  • Introduction to the JavaScript ES6 syntax.

The Full Length Tutorial

The app we build here will be the starting point for a production-ready app that we will build in the full-length tutorial. Additional topics covered include: just list the chapters?

  • The Publish and Subscribe paradigm.
  • Adding an animated loading indicator.
  • Creating an auto-saving content editor.
  • Creating a click-to-edit React component.
  • Creating components with optional features.
  • Adding login and registration.
  • Making content private to a specific user.
  • Deploying your app.
  • Adding custom styling with Sass and Autoprefixer.
  • App security.

##Prerequisites

  • Basic knowledge of HTML, JavaScript, and use of a command line terminal.
  • A laptop with a code editor of your choice. We’ll be using Sublime Text.
  • Be sure to install Meteor. We’ll be using Mac OSX. However, Meteor is available for Windows and Linux as well.

Get the code

Each step in the tutorial has a corresponding branch in the github repo. I highly recommend that you create the app on your own, but if you should get stuck, you can always check out the branch from the previous step to get caught up.