Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Word Penne

B49aa473d5cd7f08cdce3d56ef837f29?s=47 kbaba1001
January 28, 2021

Word Penne

B49aa473d5cd7f08cdce3d56ef837f29?s=128

kbaba1001

January 28, 2021
Tweet

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

  8. None
  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