Getting the code and starting the Figwheel compiler

Run this command to get the code you will modify:

git clone https://github.com/lispcast/building-re-frame-components.git
cd building-re-frame-components


Figwheel is a ClojureScript compiler that watches your files and recompiles them. It also sends your code to open browsers. It lets you modify code in files, save it, and see the result instantly in your browser.

Running the Figwheel compiler is easy:

lein fig-dev


That should open a browser. If it doesn't, open http://localhost:3449 and you will see all of the components listed.



F03 Building Re-frame Components

Buy nowLearn more

Introduction

  • What will you learn in this course?

Getting Started

  • Getting your machine ready
  • Getting the code and starting the Figwheel compiler
  • Setting up Chrome dev tools
  • Arrange your browser and editor side-by-side3

Reference Sheets

  • Re-frame Components Reference Sheet.pdf2
  • React Lifecycle Reference for Re-frame.pdf

Components

  • Collapsible Panel1
  • Sortable Table
  • Inline Editable Field
  • Progress Bar
  • Password Box
  • Sortable Table in the Re-frame database
  • Tag Editor
  • Markdown Editor with Live Preview
  • Externally Managed Components
  • Accordion Component
  • Draggable List
  • Expanding Table
  • Filterable List
  • Username Box
  • Username and Password Refactoring
  • User-Password Refactoring Further
  • User Registration 1
  • User Registration 2
  • User Registration 3

Conclusion

  • Solidify and expand your skills