Word Penne

Transcript

1. Word Penne
2. Word Penne • WEB application for Flashcards • ClojureScript • Firebase
3. Demo
4. Tech • Shadow-cljs ... Build tools • Reagent, re-frame ... React • Bidi ... Router • Stylefy ... CSS in CLJS • Fork ... Form management • malli ... Spec and validation • Cypress ... E2E test • Firebase Emulators ... Emulators for using Firebase on localhost
5. You can use shadow-cljs and npm in combination. Shadow-cljs Useful build tools
6. • Popular • Useful • Documents • View -> Dispatch -> Event -> State -> Subscriptions • Interceptors Reagent, re-frame React wrapper and Flowing
7. Validate args Interceptors Specs by malli
9. • clojure.spec • easy to write • readable error messages malli Data-driven Schemas for Clojure/Script
10. Shadow-cljs and css shadow-cljs don't support building css You can't import css files on cljs files Solutions • CSS in CLJS (Stylefy) • Tailwind CSS
11. Stylefy
12. Firebase • I used firebase npm package. I didn't use wrappers • Firebase Emulators is usable • Preview channels in Firebase Hosting are usable
13. Cypress
14. Tech • Shadow-cljs ... Build tools • Reagent, re-frame ... React • Bidi ... Router • Stylefy ... CSS in CLJS • Fork ... Form management • malli ... Spec and validation • Cypress ... E2E test • Firebase Emulators ... Emulators for using Firebase on localhost