Tinycanva: Clojure for React Developers
This is a course on Clojure for React developers in which we'll build a web-based graphics editor similar to Canva.
- 4.8 / 5 (3 ratings)
- Published
- Updated
2 hrs 24 mins
22 Videos
Shivek Khurana
Clojure/ React Hacker
01Remote
You can take the course from anywhere in the world, as long as you have a computer and an internet connection.
02Self-Paced
Learn at your own pace, whenever it's convenient for you. With no rigid schedule to worry about, you can take the course on your own terms.
03Community
Join a vibrant community of other students who are also learning with Tinycanva: Clojure for React Developers. Ask questions, get feedback and collaborate with others to take your skills to the next level.
04Structured
Learn in a cohesive fashion that's easy to follow. With a clear progression from basic principles to advanced techniques, you'll grow stronger and more skilled with each module.
Build a Fullstack Web Graphics Editor in Clojure and React
The concept of tree-based codes aka LISPs
Editor integrations that make writing LISPs easy
Mental models for Clojure's rich standard library
Understanding of tools like NREPL to aid fast feedback
Hosted nature of Clojure and its ability to tap into JVM, JavaScript, CLR and other language ecosystems
Syntaxlessness and expressiveness of the language
How to create React applications with Clojure
Flux-like state management with Reframe
Integration with APIs using Google Firebase
Key-based authentication and access control
Unit testing
Integration with React Router and Fabric JS
Lazy loading and code splitting
Map of communities and resources that can help when you get stuck
Clojure is a functional hosted LISP known for its expressiveness, which has excellent interop with Javascript, Java, and Microsoft's Common Language Runtime (CLR).
Many developers praise the elegance and productivity Clojure allows, but for many it seems like an esoteric language with an "ugly" syntax that is impossible to get started with. This course will change that view and show you how to be productive with this marvelous language.
In this course, we'll build a web-based graphics editor similar to Canva. We'll explore Clojure from the perspective of a JavaScript developer. Along the way, we'll also explore state management, authentication, API integration with Google Firebase and interop with NPM.
This course takes you from zero to an understanding of Clojure semantics, LISP tools, and building a production-ready React application in just a few hours.
We'll start with the basics and build up to writing a fullstack app with both frontend and backend in Clojure.
The frontend, built using ClojureScript (Clojure that runs on JavaScript) will be a single page React application with routing, key-based authentication and API integration, which will save, list, edit and delete graphics.
The backend is hosted on Google Firebase.
Throughout the course, we'll learn about tools like REPL that aid development. Towards the end, we'll learn about advanced concepts like code splitting and end-to-end testing.
Clojure is unlike other languages as it is hosted on, and can leverage, existing VMs. This means that you can learn Clojure once and write it on the backend with JVM or CLR, and the frontend with JavaScript. If a new technology like Rust takes over the world tomorrow, you will probably be able to continue to write Clojure because a Rust port is already in the making.
By the end of this course, you'll have a superpower: the ability to write fullstack Clojure applications.
Our students work at
Course Syllabus and Content
Getting Started
5 Lessons
- Free
- Free
- Free
- Free
- Free
Language Semantics
8 Lessons 50 Minutes
- Sneak Peek00:02:31
- Sneak Peek00:12:35
- Sneak Peek00:02:20
- Sneak Peek00:03:16
- Sneak Peek00:11:12
- Sneak Peek00:09:00
- Sneak Peek00:09:06
- Sneak Peek
Standard Library
6 Lessons 38 Minutes
- Sneak Peek00:04:08
- Sneak Peek00:04:39
- Sneak Peek00:07:47
- Sneak Peek00:12:22
- Sneak Peek00:04:04
- Sneak Peek00:05:09
Tinycanva
18 Lessons 49 Minutes
- 01OverviewSneak Peek
- Sneak Peek00:06:22
- Sneak Peek00:07:09
- Sneak Peek
- Sneak Peek
- Sneak Peek00:09:27
- Sneak Peek00:01:55
- Sneak Peek
- Sneak Peek00:04:38
- Sneak Peek00:06:58
- Sneak Peek00:06:46
- Sneak Peek
- Sneak Peek
- Sneak Peek
- Sneak Peek
- Sneak Peek00:05:47
- Sneak Peek
- Sneak Peek
Advance Concepts
4 Lessons 7 Minutes
- Sneak Peek
- Sneak Peek00:07:22
- Sneak Peek
- Sneak Peek
Subscribe for a Free Lesson
By subscribing to the newline newsletter, you will also receive weekly, hands-on tutorials and updates on upcoming courses in your inbox.
What Students are Saying
Meet the Course Instructor
Purchase the course today
newline Pro Subscription
$18/MO
Get unlimited access to the course, plus 60+ newline books, guides and courses. Learn More
Billed annually or $30/mo billed monthly. Free to cancel anytime.
- Discord Community Access
- Full Transcripts
- Money Back Guarantee
- Lifetime Access
Plus:
- Unlimited access to 60+ newline Books, Guides and Courses
- Interactive, Live Project Demos for Every newline Book, Guide and Course
- Complete Project Source Code for Every newline Book, Guide and Course
- Best Value 🏆
Frequently Asked Questions
Who is this course for?
This course is for React and JavaScript developers who want to explore functional languages and concepts.
What if I need help?
You can ask us questions anytime through the community Discord channel or by sending us a message.
Are there any prerequisites?
Yes. The course assumes that you have a fair understanding of React, SPA routing and Redux like state management.