Eric Normand Courses/F02 ClojureScript Markdown Editor

Build a Markdown Editor with Live Preview

ClojureScript + Shadow CLJS + Reagent + npm

8 videos that go from setup to deployed application of a single-page application.
Have you ever wanted to have a basic single-page application you can hack on when you want to learn some Clojure? Have you ever wanted to use npm libraries from ClojureScript? Do you want to build simple Reagent apps?

This course shows you step-by-step how to build a simple application and deploy it, for free, to the web. The application we build is a simple, browser-based Markdown editor with a live preview. As you type Markdown, you can see what the rendered HTML looks like.

Further, we make it bi-directional. You can edit Markdown and render to HTML, or you can edit the HTML and render to Markdown. It's all live and fluent, thanks to Reagent's powerful state management and reactive HTML components.

Tools used
  • Shadow-cljs for building, dependency management, and live coding
  • Reagent for a fast and fun React wrapper
  • npm for external JavaScript libraries
  • Netlify for building and hosting
  • GitHub for source control
Techniques learned
  • Live coding—watch the UI take shape as you code
  • Translation from JavaScript code—find code snippets and convert them to CLJS
  • State management
  • Integrating with npm libraries
This video course walks you through the installation and setup of the project, integration with npm libraries, adding the features and building the GUI, and finally deploying to Netlify. The course concludes with future directions you can take the project.

A project of your own

The coolest thing about starting small is that you have a good base to build on. Sure, this is just a small app, but it has a continuous deployment workflow. You push changes to GitHub and Netlify will build the ClojureScript and deploy the new assets. That means changes are easy. Think of it not as a small project but as the beginning of something you can learn from.

Having a project like this that you can build on means in a few hours on the weekend, you could add new features. You could re-design it. Or integrate it with a backend. After a few of your own touches, you have a portfolio project worthy of your resume. You have learned a lot and have something to show for it. Take this step small toward a career in Clojure and show yourself your commitment to learning.

  • $48

F02 ClojureScript Markdown Editor

  • Closed

FAQs

What if it's not right for me?

No problem! Just email me any time and I'll refund you for any reason.

Is this hard to set up?

I have made it really easy to get the whole thing set up, no matter what operating system you're running. All you need is a web browser, a text editor, and a command prompt.

  • $48

F02 ClojureScript Markdown Editor

  • Closed

Contents

Introduction
Preview
Installation and setup
Creating the basic markdown editor
Adding copy buttons to the editor
Bidirectional editing
Adding a flash message
Deploy to Netlify
Future directions to take the Markdown editor

  • $48

F02 ClojureScript Markdown Editor

  • Closed

I'm Eric Normand. I made these.

I am an experienced functional programmer, trainer, speaker, writer, and consultant on all things FP. I started writing Lisp in 2000 and found Clojure in 2008. I never looked back! Now I'm a Clojure expert, producing the most comprehensive suite of Clojure training material.

I've helped thousands of people learn Clojure through my video courses. I hope to help thousands more. Maybe you can be one, too!