Lessons
view all β’
lesson
ConclusionTinycanva: Clojure for React DevelopersGoing forward - information about online Clojure communities, server-side Clojure concepts, companies and job boards.
lesson
Unit Testing with Clojure - Techniques for Reframe handlersTinycanva: Clojure for React DevelopersShadow comes bundled with a test runner. Clojure comes bundled with a unit testing library. In this chapter, we'll implement the two and learn about testing techniques for Reframe handlers.
lesson
Code splittingTinycanva: Clojure for React DevelopersLarge apps degrade user experience and one way to control that is to split our code into chunks. This chapter will walk through tools afforded by Shadow to split our app code. We'll also implement the splits and analyze performance gains.
lesson
Production packagingTinycanva: Clojure for React DevelopersPackaging an app consists of multiple steps, like configuration, minification etc. In this chapter, we'll package our app with production configuration and create an optimized JS bundle, that can be deployed on any CDN.
lesson
Saving graphicsTinycanva: Clojure for React DevelopersWe have an editor in place, but it doesn't save data to Firebase. It is also not equipped to load data from Firebase. In this chapter, we'll create Reframe components to store data. We'll then update the editor to load data from Firebase. We will also extend the editor functionality.
lesson
How to Create an HTML Canvas Editor with Clojure and FabricJSTinycanva: Clojure for React DevelopersIn this chapter, we will integrate FabricJS with our app and create an HTML canvas-based editor.
lesson
Using React Higher Order Components to Frame a Canvas EditorTinycanva: Clojure for React DevelopersMaking graphic list items clickable; and the editor(detail) route. In the process, we'll learn how to use React's Higher Order Components with Reagent.
lesson
How to Integrate Reagent and Reframe With Clojure to Create a UITinycanva: Clojure for React DevelopersIntegrate Reagent and Reframe to create UI for listing and deleting graphics.
lesson
Read and Delete GraphicsTinycanva: Clojure for React DevelopersCreate Reframe handlers to read and delete graphics. Analogous to GET and DELETE in a REST API.
lesson
How to Store Reframe Data in Firebase Without a REST APITinycanva: Clojure for React DevelopersIn this chapter, we will integrate Reframe and Firebase to save the graphic "entity". This is analogous to a POST request with a traditional REST API.
lesson
How to Build Reusable Containers for Clojure Apps with ReagentTinycanva: Clojure for React DevelopersWe have authenticated our users, but now they're stuck on the login screen. This chapter is about building re-usable containers to redirect users to authorized pages.
lesson
How to Create Firebase Data Subscriptions in ReframeTinycanva: Clojure for React DevelopersIn this chapter, we'll connect the UI to the Reframe loop and create loading indicators and subscriptions to check if the user logged in successfully.