davidalphafox / reagent-cookbook

Examples of how to accomplish specific tasks in a Reagent webapp.

Reagent Cookbook

The goal of this repo is to provide recipes for how to accomplish specific tasks in a reagent webapp.

For updates, follow us on twitter: @ReagentProject. Please include #reagent #cljs when tweeting about reagent.

For video tutorials, subscribe to us on youtube.

Basics

• Basic Component
• Component-level State
• Cursors

Recipes

• Animation
  • mojs animation
  • ReactCSSTransitionGroup
• Bootstrap
  • bootstrap modal window
  • bootstrap-datepicker
• Canvas
  • Canvas fills div
• Charting
  • highcharts
  • morris
• Images
  • google-street-view
• jQuery UI
  • autocomplete
  • draggable element
  • droppable element
  • sortable portlets
• Maps
  • Leaflet
  • Google Maps
• Misc.
  • compare argv
  • Live Markdown Editor
  • server-side-rendering
  • toggle class
  • file upload with filestack
  • typeahead
  • editable label
• Routing
  • add routing with secretary
• Sidebar
  • Simple Sidebar
• State
  • local-storage with storage-atom
  • undo with historian
• Tables
  • DataTables
  • sortable table
  • filter table
• Validation
  • input validation (color-coded)

Common Starting Point for Recipes

The starting point for reagent-cookbook recipes is reagent-cookbook-template.

$ lein new rc <name of recipe>

Note: reagent-cookbook-template was made specifically for following along with recipes. If you are interested in starting a new reagent application with some batteries included, then reagent-template provides a good starting configuration: $ lein new reagent <name of app>.

Contributing

Recipes are welcomed! Please fork, branch, and submit a pull request.

Also, I would love a PR for:

• Adding the right externs for advanced compilation of the nvd3 recipe (it's inside old-recipes for now)
• Adding the right externs for advanced compilation of the mermaid recipe (it's inside old-recipes for now)

LICENSE

Copyright © 2015 Matthew Jaoudi

Distributed under the The MIT License (MIT).