The Coding Explorer 💻・Sharing patterns to build type-safe web & mobile apps・Typescript・Effect・React・XState Helping devs at http://typeonce.dev 🚀https://bsky.app/profile/sandromaglione.bsky.socialhttps://bsky.app/profile/sandromaglione.bsky.social/post/3ldych7hit22hUsing @tailwindcss.com for styling? Here are some not-obvious strategies to make your styles more composable (using v4) 🧱23 Dec 2024 16:01 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3ldych7hit22hhttps://bsky.app/profile/sandromaglione.bsky.social/post/3ldxtelwyo22xLast release of the year in the newsletter, with a look back at everything that happened in 2024 And it happened a lot 🤯 www.sandromaglione.com/newsletter23 Dec 2024 11:31 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3ldxtelwyo22xhttps://bsky.app/profile/sandromaglione.bsky.social/post/3ldgoadzdlc2l✨ TypeScript tip ✨ A function that returns Tagged Classes 👉 Type a class with `new () => T` 👉 Required `Tag` type and value 👉 Return a class with `_tag` Call the function from `extends` to get the class 🪄16 Dec 2024 15:44 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3ldgoadzdlc2lhttps://bsky.app/profile/sandromaglione.bsky.social/post/3ldg7sr56ps2sMy writing 101 tips in this week newsletter I have been writing on the web for (more than) a few years now Exploring my setup and process this week 👇 www.sandromaglione.com/newsletter16 Dec 2024 11:25 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3ldg7sr56ps2shttps://bsky.app/profile/sandromaglione.bsky.social/post/3ldbnwukeh225The example that made me get CSS subgrid ✨ A superpower that can be used for many layouts https://www.typeonce.dev/article/the-example-that-made-me-get-css-subgrid14 Dec 2024 15:55 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3ldbnwukeh225https://bsky.app/profile/sandromaglione.bsky.social/post/3ldb6ylzoek2pArticles are coming to typeonce.dev 👀 For everything that doesn’t require long explanations, but just short and to-the-point examples 👇14 Dec 2024 11:27 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3ldb6ylzoek2phttps://bsky.app/profile/sandromaglione.bsky.social/post/3ld4jexlax22xNew update on pubdev with package download count 👀 Turns out fpdart is downloaded 90_000 times each week 🙌 (number formatting intended)12 Dec 2024 14:50 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3ld4jexlax22xhttps://bsky.app/profile/sandromaglione.bsky.social/post/3lczzkvzmfk2gThis is what you get when you bet on @effect-ts.bsky.social and the community around it ✨11 Dec 2024 15:02 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lczzkvzmfk2ghttps://bsky.app/profile/sandromaglione.bsky.social/post/3lcxm46yymk2l✨ TypeScript Tip ✨ Rest parameters: Allow passing any number of arguments to a function Make your API easier to use, avoiding multiple function calls 🤝10 Dec 2024 15:55 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lcxm46yymk2lhttps://bsky.app/profile/sandromaglione.bsky.social/post/3lcvaxlenpk2f✨ TypeScript Tip ✨ Function overloads with types 👉 Wrap type in `{}` 👉 Provide 2 different signatures Allows to call the same function with different parameters, and different results Runtime problems may apply 🙌 This pattern is useful in library-land to provide a better API for the end user09 Dec 2024 17:31 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lcvaxlenpk2fhttps://bsky.app/profile/sandromaglione.bsky.social/post/3lcuxqcsshs22Programming literacy in this week newsletter 💡 > The ability to read, write, and understand code; programming concepts, syntax, and semantics, as well as applying skills to solve problems and communicate ideas sandromaglione.com/newsletter https://sandromaglione.com/newsletter09 Dec 2024 14:46 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lcuxqcsshs22https://bsky.app/profile/sandromaglione.bsky.social/post/3lcsijvn32c2y✨ TypeScript Tip ✨ Type classes using `new` 👉 `new` keyword 👉 Constructor parameters inside `()` 👉 Class parameters after `=>` You can mark a type as a constructor signature, something that can be instantiated using `new` 👇08 Dec 2024 15:08 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lcsijvn32c2yhttps://bsky.app/profile/sandromaglione.bsky.social/post/3lcnkt7slec2g✨ Introducing ECS for TypeScript ✨ typeonce/ecs is a zero dependencies library to bring the Entity Component System pattern in your game Simple, working with any renderer, type safe and composable 🕹️ https://github.com/typeonce-dev/ecs06 Dec 2024 16:06 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lcnkt7slec2ghttps://bsky.app/profile/sandromaglione.bsky.social/post/3lcg76wawf22sSystems in ECS just got a simple as it gets 🕹️ Define systems, dependencies, and input all type safe and inferred for you ☑️ Components ☑️ Systems ☑️ Entities Closer to the full API 🔜03 Dec 2024 17:49 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lcg76wawf22shttps://bsky.app/profile/sandromaglione.bsky.social/post/3lcdhqqtffc2xECS + @pixijs.com + MatterJS = 🕹️ Compose systems to build a complex game with physics and rendering ECS keeps everything organized and under control 🫡02 Dec 2024 15:44 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lcdhqqtffc2xhttps://bsky.app/profile/sandromaglione.bsky.social/post/3lcd2phvwrc2gHave you ever considered making a game? Well, then you should learn about Entity Component System 🕹️ An introduction for you in this week newsletter 👇 sandromaglione.com/newsletter02 Dec 2024 11:51 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lcd2phvwrc2ghttps://bsky.app/profile/sandromaglione.bsky.social/post/3lcax72wmts25Integrate physics with matterjs and ECS in your game 🧱 Each system as simple as it gets, a function and a query is all you need 👇01 Dec 2024 15:43 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lcax72wmts25https://bsky.app/profile/sandromaglione.bsky.social/post/3lcaf3bfz522fMaking the API as simple and safe in my ECS in TypeScript 🕹️ Define a component with a simple class, auto tagged and ready to use Simple and safe 🪄01 Dec 2024 10:18 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lcaf3bfz522fhttps://bsky.app/profile/sandromaglione.bsky.social/post/3lbzmpsqgj22eWorking Entity Component System with TypeScript in action 🕹️ Simple architecture for organised code and powerful results 👇28 Nov 2024 17:47 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lbzmpsqgj22ehttps://bsky.app/profile/sandromaglione.bsky.social/post/3lbx4xnmnqs2bECS implementation in TypeScript achieved 🫡 TypeScript only, extensible, working with any renderer, type safe and composable 🕹️ May be the beginning of something #game-development #typescript #games #ecs27 Nov 2024 17:59 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lbx4xnmnqs2bhttps://bsky.app/profile/sandromaglione.bsky.social/post/3lbwhppnvfs2jEntity Component System (ECS) brings composability to game development 🪄 Split data and logic, and just compose entities with what they need to operate Clean, composable and powerful 🔥27 Nov 2024 11:39 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lbwhppnvfs2jhttps://bsky.app/profile/sandromaglione.bsky.social/post/3lbumfnzpgc23Local-only calories tracker app project out now 🚀 Learn how to build a client-only app with database included in the browser with PGLite 🐘 @effect-ts.bsky.social + @drizzle.team + @tanstack.com router + XState https://www.typeonce.dev/course/calories-tracker-local-only-app26 Nov 2024 17:58 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lbumfnzpgc23https://bsky.app/profile/sandromaglione.bsky.social/post/3lbrhnueqbc2iFunctional programming in games? 🤨 I have been exploring a deep hole this week, and I may have found something Some ideas in this week newsletter 👇 www.sandromaglione.com/newsletter25 Nov 2024 11:55 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lbrhnueqbc2ihttps://bsky.app/profile/sandromaglione.bsky.social/post/3lboswyyzjs2aNew project landing next week Tuesday 26 November 🚀 Local-only calories tracker app 🏗️ @effect-ts.bsky.social ⚡️ @pglite.dev with live queries 📄 @drizzle.team 🔗 Actors with XState 🧱 @tanstack.com router Your next local-first stack 👇24 Nov 2024 10:39 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lboswyyzjs2ahttps://bsky.app/profile/sandromaglione.bsky.social/post/3lbmgoq5p7c2tUpcoming local-only project is going to be an interesting one 🫡 Local database with @effect-ts.bsky.social schemas, migrations, XState state management, @tanstack.com router and more 🪄 Preview link: https://www.typeonce.dev/course/calories-tracker-local-only-app23 Nov 2024 11:54 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lbmgoq5p7c2thttps://bsky.app/profile/sandromaglione.bsky.social/post/3lbm5sqjewc2bAdd URL state to this and you have everything that you need 🤝 [contains quote post or other embedded content]23 Nov 2024 09:15 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lbm5sqjewc2bhttps://bsky.app/profile/sandromaglione.bsky.social/post/3lbkk75u5t22a@tailwindcss.com v4 is out in beta 🚀 I have been using v4 for months now (early alpha) It empowers all my projects 🪄 No more js, configuration CSS only 🫡 Automatic source detection 💯 New custom utilities 🏗️ New custom variants And never came back 👇22 Nov 2024 17:52 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lbkk75u5t22ahttps://bsky.app/profile/sandromaglione.bsky.social/post/3lbheybkec224New project coming: Local-only calories tracker app A key component of a local-first app is a local data store This is how to implement a local postgres database 👇 https://www.typeonce.dev/course/calories-tracker-local-only-app @drizzle.team @pglite.dev @tailwindcss.com @vite.dev @tanstack.com @effect-ts.bsky.social21 Nov 2024 11:40 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lbheybkec224https://bsky.app/profile/sandromaglione.bsky.social/post/3lbh4o75xuk2tIntroduce yourself with four video games 🕹️ [contains quote post or other embedded content]21 Nov 2024 09:11 +0000at://did:plc:3n367pt73t5lsof7vmsbrcva/app.bsky.feed.post/3lbh4o75xuk2t