Submitted over 1 year ago
Tailwindcss, ScalaJS & Laminar. ScalablyTyped facade for SortableJS
@efim
Design comparison
SolutionDesign
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
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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