Practicalli
Introduction
Getting Started
Install
Browser DevTools
Figwheel-main
Figwheel projects
Simple project
Reagent project
Figwheel Workflow
Create Projects
Project Configuration
Run Figwheel
Rebel Rich UI
Build project
Emacs Cider
Run tests
Continuous Tests
Package project
Pages deploy
HTML Content
Hiccup syntax
Styling Web pages
Bulma CSS
Reagent Projects
Reagent Overview
ClojureBridge website
Create project
Add Bulma CSS
Run the project
Live reloading
Hiccup for HTML
REPL workflow
Organising the code
Add welcome message
Add welcome section
App State section
GitHub pages deploy
Deploy build
Add Content namespace
Navigation bar
Content Suggestions
tic-tac-toe game
Create Project
Add Project to Git
Start the REPL with Figwheel
Test Figwheel
Chrome DevTools
Cljs DevTools addon
Review reagent Project
Figwheel Helper functions
Interact with the REPL
Via the Editor
Evaluate code in REPL
Manage app-state
Component: tictactoe-game
Design Game board
Component: Game board
Hiccup style syntax
Scalable Vector Graphics
React unique index
Render Game Board
Update Game Board
Refactor into components
Empty Cell
Nought Cell
Cross Cell
Button: Start a new game
Computer moves
Basic move
REPL experiments
Random available cell
Detecting Victory
Experiments in the REPL
Experiments in the REPL - Pattern matching
Victory function
Reference
ClojureScript Overview
Single Page Apps
Compiling to JavaScript
ClojureScript platforms
Reactive apps
Facebook React
Om and Om Next
Reagent
Re-frame
React Native
Why ClojureScript
Lightweight
Google Closure
Source Maps
Interoperability
Why not JavaScript
Who uses ClojureScript
Web Design basics
Bootstrap
Jumbotron
Bootstrap website
Old Material - under review
Clojurescript Quickstart
Create basic project
Hello World
Create build file
Build Project
Create a web page
Google Closure
Reduce boilerplate
Auto-building
Browser REPL
Production Build
Dependencies
node.js
Lumo
Self Hosted Clojurescript
Figwheel Classic
Features
Flappy Birds demo
Using Figwheel
Configure Build
Server-side Config
Client-side use
Client-side Config
File Reloads
REPL Control
Editor REPLs & nREPL
Scripting Figwheel
Scripting with Component
Re-loadable Code
Figwheel Classic Project
Create Project
ClojureScript file
Project Build file
Run Figwheel
Web Page
Run Figwheel again
Add a counter
Auto Reloading
Serving assets
Using the REPL
Clojurescript Examples
JavaScript Alerts
Writing to the JavaScript console
Buttons
Forms
Functional Reactive Programming
react.js
Project: Calculator
Create Project
Reagent
Reagent Project: ClojureX
Create Project
Start the REPL
Project so far
Interact with the REPL
Create Conference Title
Designing Session Model
Display Session in root-component
Refactor to Multi-Session Model
Refactor root-component for sessions
Defining new session data
Adding session data to State
Include Bootstrap
Add a Container
Add Header Style
Add Session Style
Create Sessions Component
Add Session Form
Om
Overview
Om Project: ClojureX
Create Project
Start the REPL
Interact with Project
Create Conference Title
Designing Session Model
Display Session in root-component
Refactor to Multi-Session Model
Refactor root-component for sessions
Defining new session data
Adding session data to State
Include Bootstrap
Add a Container
Add Header Style
Add Session Style
Create Sessions Component
Add Session Form
Om Cursors
Form Click Handler
Create local State for form
Use local state in session form
Connect form to local state
Add Cursor to Local State
Create Form Component
Testing
Reference
Namespaces
Clojure Syntax
Basic Syntax
Clojure data types
Strings
Maths
Naming & Binding
Functions
Persistent Data Structures
Lists
Maps
Vectors
Sets
Destructuring
Control flow
Local Assignment
Production
Externs
Author: Practicalli
Production
Production Clojurescript
Good practices when putting Clojurescript into production
Advanced Compilation
Externs
Deployment
Debugging in production
results matching "
"
No results matching "
"