Skip to content
Submitted almost 3 years ago

Tailwindcss, ScalaJS & Laminar. ScalablyTyped facade for SortableJS

tailwind-css, vite
LVL 3
efim390
@efim
A solution to the Todo app challenge

Solution retrospective


Again submitting before writing a README with lessons learned, but!

  • It was hard to figure out how to use Sortablejs library in ScalaJS. there's ScalablyTyped library that automatically generates Scala facade from Typescript code - this is great! But for Sortablejs the generated facade seems broken, so some things don't work without strange workarounds, good enough, let's move on...
  • First time learned how to do dark theme in TailwindCSS
  • Yay! I used <picture> tag to have reactive images without code listening to window size! this is good because images start to load before js can execute, this is more performant and quite a bit simpler
  • First time used Signal combineWith to join "task list" state and "selected filter" state yay!
  • Was hard to make "deletion" button in desktop mode visible on parent hover, yay TailwindCSS
  • Found out about skipping "pointer events" to make 'checkmark' translucent for clicks

Overall this task still contained lots of new things, and was still quite engaging =0

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on efim’s solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord