F03 Building Re-frame Components
- Buy now
- Learn 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-side
Reference Sheets

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

Collapsible Panel
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

Products
Course
Section
Lesson

Arrange your browser and editor side-by-side

F03 Building Re-frame Components
- Buy now
- Learn 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-side
Reference Sheets
- Re-frame Components Reference Sheet.pdf
- React Lifecycle Reference for Re-frame.pdf
Components
- Collapsible Panel
- 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

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.