Learn
Learn
Learn web development from expert teachers. Build real projects, join our community, and accelerate your career
Get Started
Fullstack Rust Fullstack Node.js Fullstack D3 Fullstack React Fullstack React with TypeScript view all books →
The newline Guide to Building Your First GraphQL Server with Node and TypeScript
In this course, we'll show you how to create your first GraphQL server with Node.js and TypeScript
Enroll for free
Teach
Teach
Share your knowledge with others, earn money, and help people with their career
Apply Now
Apply To Teach A Course What Our Teachers Say
Amelia Wattenberger
Author of Fullstack D3
"Writing Fullstack D3 was a thoroughly enjoyable, fun process.

The writing was over before I knew it, and we've sold way more copies than I expected! Plus, the compliments from my peers have been really amazing."
Community
Community
Get help with programming projects, find collaborators, and make friends
Join Now
Explore new Communities Join our Discord Server What Our Students Say
Tutorials
Pricing

Welcome to

Tinycanva: Clojure for React Developers

Build a Fullstack Web Graphics Editor in Clojure and React

Module 1

Getting Started

5 Lessons

01Clojure Tutorial - Installing and Testing Required Dependencies
Sneak Peek
02Editor Tools
Sneak Peek
03How to Set up Visual Studio Code for Clojure Development
Sneak Peek
04Clojure IDE Setup - Using the Cursive Plugin With IntelliJ
Sneak Peek
05How to Use Emacs with Clojure - 6 Packages You'll Need
Sneak Peek

Module 2

Language Semantics

8 Lessons 50 Minutes

01Understanding the Benefits of Clojure's Hosted Nature
Sneak Peek00:02:31
02Clojure Basics - Syntax and Native Data Types
Sneak Peek00:12:35
03What is Syntaxlessness? How to Write More Expressive Code
Sneak Peek00:02:20
04Clojure Build Tools - Leiningen, Boot, Shadow CLJS & Figwheel
Sneak Peek00:03:16
05How to Set Up a Shadow CLJS Project From Scratch
Sneak Peek00:11:12
06Getting Familiar With The Shadow CLJS API
Sneak Peek00:09:00
07An Introduction to Clojure REPL and Evaluating Code Inline
Sneak Peek00:09:06
08A Clojure Beginner's Guide to Structural Editing with Paredit
Sneak Peek

Module 3

Standard Library

6 Lessons 38 Minutes

01Clojure Conditionals - Understanding Flow Control Operators
Sneak Peek00:04:08
02Atoms in Clojure - How to Create and Manipulate Them
Sneak Peek00:04:39
03Clojure Functions - Definitions, Distinctions, and Examples
Sneak Peek00:07:47
04Sequence Operations
Sneak Peek00:12:22
05Threading Macros in Clojure - Thread-Last vs Thread-First vs As
Sneak Peek00:04:04
06Clojure Constructs and Techniques to Interact with JavaScript
Sneak Peek00:05:09

Module 4

Tinycanva

18 Lessons 49 Minutes

01Overview
Sneak Peek
02Clojure Project Setup with create-cljs-app
Sneak Peek00:06:22
03What is Reagent? The Minimalist Clojurescript React Wrapper
Sneak Peek00:07:09
04How to Install React Router from NPM and Set Up Routes
Sneak Peek
05How to Set Up a UI Library & CSS Build Process Using PostCSS
Sneak Peek
06Introduction to React State Management
Sneak Peek00:09:27
07App Structure and Authentication UI
Sneak Peek00:01:55
08Setting Up Firebase Projects and Authentication for Clojure Apps
Sneak Peek
09Auth Event Handlers
Sneak Peek00:04:38
10Auth Effects and Firebase Initialization
Sneak Peek00:06:58
11How to Create Firebase Data Subscriptions in Reframe
Sneak Peek00:06:46
12How to Build Reusable Containers for Clojure Apps with Reagent
Sneak Peek
13How to Store Reframe Data in Firebase Without a REST API
Sneak Peek
14Read and Delete Graphics
Sneak Peek
15How to Integrate Reagent and Reframe With Clojure to Create a UI
Sneak Peek
16Using React Higher Order Components to Frame a Canvas Editor
Sneak Peek00:05:47
17How to Create an HTML Canvas Editor with Clojure and FabricJS
Sneak Peek
18Saving graphics
Sneak Peek

Module 5

Advance Concepts

4 Lessons 7 Minutes

01Production packaging
Sneak Peek
02Code splitting
Sneak Peek00:07:22
03Unit Testing with Clojure - Techniques for Reframe handlers
Sneak Peek
04Conclusion
Sneak Peek

Clojure Tutorial - Installing and Testing Required Dependencies