Arrange your browser and editor side-by-side

It is helpful to open your editor and your browser at the same time so that you can see both of them. You will edit code, save, and instantly see the changes in the browser.

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