Sandro Maglione @SandroMaglione Twitter profile | Pikagi

Pikagi

Sandro Maglione

@SandroMaglione

3,397

Followers

136

Following

1,162

Media

3,869

Statuses

The Coding Explorer 💻・Sharing patterns to build type-safe web & mobile apps・Typescript・ @EffectTS_ ・React・XState Helping devs at 🚀

All my free content 👉

https://t.co/eJO8S5kYEj

Joined January 2018

Don't wanna be here? Send us removal request.

Pinned Tweet

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 months

@EffectTS_ Beginners Complete Getting Started course is out now 🚀 From zero to building complete apps with effect Type-safe, maintainable, testable apps, and it's just typescript 💯 Here is what you'll learn 👇🧵

Tweet card media

Effect: Beginners Complete Getting Started | Typeonce

Build production and type-safe Typescript apps with Effect. In this course we go from no knowledge of effect to implementing an API request with Runtime, Layer, Config, and more.

www.typeonce.dev

5

28

119

Last Seen Profiles

@romo_nina

@AnnelieseH80214

@YUIKA_sani

@bokeplokalmalam

@03Bisola

@wkh395235271

@nenex_salto

@pachnoc

@MariaBulacio

@JosVicente72344

@SofiaRoseDog

@TooGood98

@SofiaRoseDog

@bokeplokalmalam

@CherithD95520

@lehenlore

@SofiaRoseDog

@jefao_ator011

@bokeplokalmalam

@usagi_ta_n

@HieuHaHuy2

@DjaberFath44370

@tongtong494494

@bokeplokalmalam

@nastydoll89

@wati789099

@jandakembangstw

@CClewes4

@PapaAkudo

@NajmunW40311

@twomad_

@noonsoldier

@NgoziProvince

@GenitaSecr17906

@SofiaRoseDog

@pacarnya_binor

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 months

Typescript wizardy: `as const` + `satisfies` Combine both to have type safety on Record keys and values + constant inferred types You can then extract both keys and values as unions using `keyof` and `typeof` 🧙

Tweet media one

5

41

375

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

💡 Flutter tip 💡 Use Isolate to avoid blocking the UI 👀 Example: loading a 5Mb txt file as a List takes 17 seconds ⏱️ Without Isolate the UI will freeze during this time 🥶 Wrap with to be safe again 🦺

Tweet media one

8

41

353

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 months

@DylanoA4 "Orwell feared that what we fear will ruin us. Huxley feared that what we desire will ruin us."

5

27

327

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

With macros + primary constructors @dart_lang becomes insane 🚀 Example: from a 50+ lines of code to just 1 Stay tuned, because this is going to be game-changing 🤯

Tweet media one

Tweet media two

8

45

314

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

Flutter app in 2024 🚀 🧬 fpdart 🏗️ go_router (with go_router_builder) 🥶 freezed (with json_serializable) 📦 drift (sqlite3) 🔎 get_it ⚡️ signals 🧱 fast_immutable_collections

Tweet media one

12

36

306

@SandroMaglione

Sandro Maglione

@SandroMaglione

1 month

Most underrated react hook: useSyncExternalStore Subscribe to external store changes and extract values in sync with react rendering Ideal for things like event listeners 💯

Tweet media one

5

19

308

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 months

Important frontend rule: data should be parsed and formatted before reaching the UI Formatting inside a component is problematic 👉 Formatting is computed at every render 👉 Hard to maintain coherent formatting Validate the data at request time

Tweet media one

30

23

287

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 months

Unpopular opinion: a react component should contain few to no business logic 👀 A component is only responsible for 1️⃣ Display content based on current state/context 2️⃣ Send events Everything else should be defined outside

Tweet media one

52

16

283

@SandroMaglione

Sandro Maglione

@SandroMaglione

6 months

Building production-ready typescript apps can be challenging 🫣 As your app becomes bigger, speed slows down, and your pain increases 🫠 @EffectTS_ is here to help, this is how 👇🎥

9

17

241

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 months

`satisfies` makes everything type safe in typescript Combine it with union types and template literals to stop worrying about typos ever again 🥳

Tweet media one

4

19

238

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 years

Patterns are coming to @dart_lang 🚀 (Starting with Records) Wait, what are Patterns? Patterns bring dart to the next level 📈 Here is what we are talking about 👇🧵 #dart #flutter

8

62

228

@SandroMaglione

Sandro Maglione

@SandroMaglione

11 months

Flutter development kit 2024 🧬 Core: fpdart 📚 State Management: riverpod (or signals) 🕊️ Navigation: auto_route 👥 Models: freezed + equatable + json_serializable 💉 Dependency Injection: injectable 🌐 Requests: http 🧪 Testing: mockito

15

24

207

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 months

Going 🤯 with local first and @EffectTS_ ☑️ Api with the new `HttpApi` ☑️ PGLite local database ☑️ Drizzle for ORM queries ☑️ Client with Remix ☑️ Turborepo setup All in 2 hours (no AI)! The ecosystem is awesome! 🪄

Tweet media one

12

11

205

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

New state management in @FlutterDev : signals ⚡️ I used signals to implement a complete Flutter app 📲 This is what I learned, and how I am using it 👇🧵

Tweet media one

12

20

186

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

How you write @dart_lang and @FlutterDev code will soon change forever 🚀 2 new features are coming 👉 Static metaprogramming (macro) 👉 Primary constructors Let me show you why it matters 👇🧵

Tweet media one

4

22

182

@SandroMaglione

Sandro Maglione

@SandroMaglione

1 year

Dart 3 is nearly here, brining Patterns and Records with it 🎯 This will radically change how you write @dart_lang (and @FlutterDev ) apps Learn all about them right now 🧵👇

Tweet media one

7

31

178

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

💡 Dart tip 💡 Did you know dart supports destructuring classes? 🪄 Class name + `:` followed by property name Patterns are powerful 🔥

Tweet media one

Tweet media two

1

16

169

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

💡 Dart tip 💡 Different methods to check the value of a variable 🛠️ 1️⃣ Repeat == and || for each check 2️⃣ Use a List and `contains` 🆕 Use `case` since Dart 3 and patterns

Tweet media one

7

20

149

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 months

Typescript-only pattern for full type-safety: constant list + record keys 👉 `as const` to extract values from list as type 👉 `Record` key using elements in the list This *requires* you to add the key to the record if you add a new value to the list

Tweet media one

4

16

145

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

What state management package should I use with #flutter ? 🤔 This week article will give you the answer 💡 🤝 riverpod 🧱 bloc 😱 getx 🆕 signals Compare them all and decide 💁🏼‍♂️

Tweet media one

26

19

137

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 months

Underrated state management strategy: Search Params Push the state to the URL with `URLSearchParams` 👉 Less state management logic 👉 Works great with server components 👉 Navigation friendly (e.g. back button)

Tweet media one

11

9

134

@SandroMaglione

Sandro Maglione

@SandroMaglione

6 months

Use @EffectTS_ with @nextjs to implement a Cookies service ✅ Composable ✅ Testable ✅ Framework agnostic And it's just a few lines of code 💁🏼‍♂️ This is how step by step 👇🎥

8

17

129

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

💡 Flutter tip 💡 Use the `Shortcuts` widget to handle keyboard events 🎹 This is how to define a type-safe `KeyboardInputWidget` 👇🧵

Tweet media one

2

9

128

@SandroMaglione

Sandro Maglione

@SandroMaglione

6 months

💡 Dart tip 💡 Patten matching to implement fromJson method 🚀 You can use Map in patterns to convert from json 👇 Match the class properties and types, or throw a FormatException

Tweet media one

Tweet media two

3

21

127

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 years

Do not return Future in #dart , it's not safe ⚠️ Wait what! What should I do instead? There is an alternative, and it's easier and safer 💁🏼‍♂️ It's called Task, let's learn about it 👇🧵

8

36

124

@SandroMaglione

Sandro Maglione

@SandroMaglione

11 months

Do you use zod with typescript? Then you must definitely check out @EffectTS_ schema 🔄 Decode and encode 🔗 Equivalence ✌️ Discriminated unions 🪄 Classes 🛠️ Compose 🔝 Documentation

Tweet media one

6

12

125

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 months

`satisifies`, `as const`, Record, what's the difference in typescript? 🧐 Any typescript wizard must understand these 🧙 This is how they all work (combined) 🧪

Tweet media one

1

14

120

@SandroMaglione

Sandro Maglione

@SandroMaglione

8 months

💡 Dart tip 💡 You can use operators in pattern matching 🪄 or, and, ==, <, >, <=, >= and more 🚀 You can also wrap the pattern in () to make it more readable 🌈

Tweet media one

Tweet media two

5

13

118

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

🔥 Flutter tip 🔥 Pattern matching is powerful 🚀 You can match both `ConnectionState` and `` with `FutureBuilder` Type-safe, secure, flexible and complete ✅

Tweet media one

2

10

117

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 months

@embersunn Suggestion: you will probably learn more by picking a project that interests you and implementing it As you face problems you look for solutions and learn new concepts Focusing just on a long list of topics is not so effective with code

4

2

114

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 years

Do you want to make a @FlutterDev app in 2022? 📱+🌐+💻 The ecosystem is awesome and keeps getting better 🚀 Here is what packages you can use for your next app 👇🧵 #flutter #dart

7

27

112

@SandroMaglione

Sandro Maglione

@SandroMaglione

10 months

End of the year @EffectTS_ magic 🪄 This is how I implemented an http request with error handling, validation, full type safety and composition 🔥 Using only Effect 👇

Tweet media one

3

10

114

@SandroMaglione

Sandro Maglione

@SandroMaglione

6 months

Macro in @dart_lang 3.4 (behind a flag 🚩) Work in progress to start experimenting with macros in dart 3.4 (possibly 🤞) Example: `fromJson` and `toJson` using `macro` and a method/constructor/class definition 👇

Tweet media one

4

9

114

@SandroMaglione

Sandro Maglione

@SandroMaglione

1 year

fpdart v1.0.0 is out now 🚀 This is the biggest release of fpdart ever 🎉 ✅ #dart 3 ✅ New types ✅ Improved performance ✅ Simplified API ✅ New getting started guide Here is an overview of what's new 👇🧵

Tweet media one

4

17

114

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 months

First PGLite local-first example achieved ☑️ @remix_run + PGLite + @vite_js with local database running and working Experimentation in progress 👀

Tweet media one

5

8

111

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

💡 Dart tip 💡 In some cases enum are better than sealed classes 🎯 ✅ Less verbose ✅ Easier to read and use ✅ `.values` to get list of enum

Tweet media one

Tweet media two

Tweet media three

2

14

111

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

💡 Flutter tip 💡 Since Dart 3 you can use pattern matching on `FutureBuilder` and `ConnectionState` 🚀 Never forget to handle a state, no more if/else 🤝

Tweet media one

Tweet media two

1

18

112

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

When macros (static metaprogramming) lands in Dart, everything Dart/Flutter will get to the next level 🚀 Give me some time to review this example 👀 I'll get back with a full example in a thread soon 🧵👇

@spydon

Lukas Klingsbo 💙🔥

9 months

Macros are live on the Flutter master channel (SDK ), that means you can do the following without any code generation, no freezed and no json_serializable! 😍🤯 Thanks to millsteed for the example

Tweet media one

30

121

544

4

8

108

@SandroMaglione

Sandro Maglione

@SandroMaglione

8 months

New Extension Types in @dart_lang 3.3 🔥 Make you code even more safe at compile time 🧱 Example: Avoid issues with indexed access on `List` 👇 The best part? No runtime overhead, performance + safety at 0 cost 🚀

Tweet media one

3

12

102

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 years

What if your #flutter app fails? Should you throw? Error? Exception? #dart gives you both Error and Exception 🎯 But how do they work? Which one should you choose? 🤔 Here is the answer 👇🧵

3

19

101

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

💡 Dart tip 💡 Records allow to return multiple values 📦 You can avoid creating a class for simple values, simply use typedef + Records is less verbose 👇

Tweet media one

Tweet media two

3

12

97

@SandroMaglione

Sandro Maglione

@SandroMaglione

11 months

Flutter services kit 2024 📦 Database: supabase 🕹️ Games: flame 🐸 Backend: dart_frog 💻 CLI: args 🔑 Local storage: isar 🌐 HTTP client: dio 🎙️ Audio: just_audio 🎥 Animations: flutter_animate 📹 Video: video_player

8

12

99

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 months

@EffectTS_ course release date 🚀 My Effect course is coming out on Wednesday, 14 August 10 modules, 55 lessons 💯 From zero to building complete apps with effect Completely free, no email or anything required 👇

Tweet media one

5

15

95

@SandroMaglione

Sandro Maglione

@SandroMaglione

11 months

@nathanbaugh27 The idea that fiction provides less value than non-fiction is flawed Fiction can teach you powerful lessons using the most powerful medium: Stories Read fiction.

4

6

94

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 years

Fpdart, functional programming for @dart_lang and @FlutterDev is now available on pub Why you should check it out 👇🧵 #flutter #dart #functional #functionalprogramming

Tweet media one

5

34

93

@SandroMaglione

Sandro Maglione

@SandroMaglione

4 months

@EffectTS_ just won the award for the most exciting use of technology 2024 at @thejsnation #jsnation 🏆 Thanks everyone for the support and the Effect team for the awesome work on the library 🙏

Tweet media one

Tweet media two

3

26

94

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

Ever heard about signals for state management in #flutter ? 🤔 New entry in flutter, but looking really promising 1️⃣ Define a signal using `signal` 2️⃣ Access and update using `value` 3️⃣ Wrap with `Watch` to rebuild Yes, it is really this simple, and it just works 💁🏼‍♂️

Tweet media one

6

7

88

@SandroMaglione

Sandro Maglione

@SandroMaglione

10 months

I cannot believe how absurd is the combination of XState and @EffectTS_ Seriously, the experience end-to-end is insane ✅ Visual editor with @statelyai ✅ Actions using Effect ✅ React components only layout and send events 👇 The revolution is coming 🚀

Tweet media one

6

8

85

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 years

Do you know @dart_lang ? You should take a look at @typescript ☝️ I have been working with both for years 🤝 Here is a basic comparison of #typescript from a #dart perspective (and vice versa or course 💁🏼‍♂️) 👇🧵

Tweet media one

5

14

82

@SandroMaglione

Sandro Maglione

@SandroMaglione

7 months

The ecosystem for web apps in 2024 is 💯 Just created a new project ✅ @nextjs ✅ @tailwindcss (v4) ✅ @storybookjs ✅ shadcn-ui @shadcn All working together, minimal config, full control 🚀

Tweet media one

10

9

82

@SandroMaglione

Sandro Maglione

@SandroMaglione

11 months

Effect + XState + Local First are going to change how you write #typescript code. If you are a web developer you must definitely be aware of these 3 new way of programming that are going to become the standard in Typescript in 2024. @EffectTS_ is a library that exploits the

8

8

85

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 months

@mattpocockuk I used Plasmo in the past and it worked great Full framework for chrome extensions 👇

Tweet card media

GitHub - PlasmoHQ/plasmo: 🧩 The Browser Extension Framework

🧩 The Browser Extension Framework. Contribute to PlasmoHQ/plasmo development by creating an account on GitHub.

3

0

83

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 years

Do you know what an *abstract* class is in #dart ? 🤔 Why not a simple class? Why making it abstract? 💭 The distinction is actually important and practical ⚙️ Let's see 👇🧵

4

14

80

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 years

Look what’s coming 👀 @dart_lang @FlutterDev

Tweet media one

2

11

79

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 months

Adding @DrizzleORM to PGLite is one line 🪄 However, now there is another beast to slain: database migrations in local-first Wish me luck on exploring this 🫡

Tweet media one

4

3

80

@SandroMaglione

Sandro Maglione

@SandroMaglione

11 months

@mattpocockuk ESLint to the rescue 🪄 no-duplicate-enum-values Disallows defining an enum with multiple members initialized to the same value

Tweet media one

4

3

79

@SandroMaglione

Sandro Maglione

@SandroMaglione

8 months

Dart 3 introduces Pattern Matching in @dart_lang 🆕 Patterns make your code more safe, and in dart they are super powerful 🔥 Here are all the ways you can use patterns in dart (with real examples) 👇🧵

2

13

78

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

💡 Dart tip 💡 Destructuring Lists 🏗️ ✅ Single elements ✅ Skip elements with `_` ✅ Destructure in lists with `...` 🌈 Combine them all ⚠️ The list must have the elements in that position

Tweet media one

Tweet media two

0

10

75

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

💡 Dart tip 💡 Sum a list using Pattern matching 🔥 👉 Match an empty list or a list with 1 element 👉 Use a Rest pattern (...) to call `sum` recursive

Tweet media one

Tweet media two

6

3

73

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

🔥 Flutter tip 🔥 I like to define constants inside an abstract class (instead of global const variables 🙅‍♂️) With this I can simply use `Constants.` and group all constant under a common class name 🪄

Tweet media one

Tweet media two

11

7

73

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

Flutter and dart are 🔥 🌊 `drift` sqlite database to store and stream state updates 🔎 Pattern matching to handle loading and errors 🧬 fpdart type-safe and composable api Type safe, fast, maintainable 🚀

2

11

73

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 months

Separate UI from state 💁🏼‍♂️ The UI is only responsible for 1️⃣ Render layout based on current state 2️⃣ Send events All the state management logic should be defined outside the component Key for maintainable state management 🔑

Tweet media one

2

7

71

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

Flutter State Management in 2024 💡 Riverpod, Bloc, Signals, GetX How are they different? Which one should you use for you app? 🤔 This is my experience with all of them 👇

Flutter State Management: Riverpod, Bloc, Signals, GetX | Sandro Maglione

State management in flutter using riverpod, bloc, signals, getX: how to install them, how to define the state, how to use them in your flutter app, and their pros and cons.

www.sandromaglione.com

2

21

72

@SandroMaglione

Sandro Maglione

@SandroMaglione

4 months

Stop using server actions, there is a better way, it's called @EffectTS_ rpc 👀 ✅ Type safe error handling ✅ As simple as a function call ✅ Full control on request and response When you start using it it works like magic 🪄

Tweet media one

Tweet media two

Tweet media three

2

4

72

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 years

Another new feature coming in #dart 🎉 👇

Tweet media one

2

11

71

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

🔥 Flutter tip 🔥 Use Records 💁🏼‍♂️ When a type does not need members or methods Records are 🪄 ✅ Equality by value ✅ Named ✅ Less verbose I am using them everywhere 👇

Tweet media one

Tweet media two

3

6

70

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

💡 Dart tip 💡 👉 Callable objects Allow an instance of your Dart class to be called like a function Add a `call` method and you can execute it directly from the class instance 🪄

Tweet media one

2

2

70

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 years

As promised, a new article on @stripe and @supabase_io is online! Learn how to use Supabase+Stripe to build your next awesome project 🚀

1

8

68

@SandroMaglione

Sandro Maglione

@SandroMaglione

1 year

Coming tomorrow, mark the date 🗓🎯

Tweet media one

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 years

Full of features, example, tips, and new ways of writing @dart_lang code 💻 Coming next week 👇🔜

Tweet media one

0

2

34

5

3

68

@SandroMaglione

Sandro Maglione

@SandroMaglione

11 months

🔥 Flutter tip 🔥 How to extract elements with a type from a list? You can use where + is 💁🏼‍♂️ But, did you know about whereType? 👇 Just specify the type and your are done 🪄

Tweet media one

1

4

67

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

⚡️ Flutter tip ⚡️ Private constructors allow to require a class to use a factory constructor 🛠️ This is useful when you want to control internal values 🔗 This is how it works 👇🧵

Tweet media one

3

8

67

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

🧱 State management with bloc 🧱 Pro ✅ - Clear separation state/events - Clear flow (event 👉 state) - Cons ⛔️ - Dependencies between blocs - Issues with missing and nested providers

Tweet media one

Tweet media two

6

5

64

@SandroMaglione

Sandro Maglione

@SandroMaglione

10 months

💡Update on XState + Effect💡 If you thought this combination was great, think again 🤔 It's not just "great", it's mind blowing 🚀 Add also @statelyai editor in the mix and 🪄 Just like with @EffectTS_ , once you experience this there is no coming back

Tweet media one

2

7

65

@SandroMaglione

Sandro Maglione

@SandroMaglione

7 months

🚀 Dart tip 🚀 Convert a callback API to Future 💡 Use `Completer` to create a Future from scratch 👉 Call `complete` when the execution is done 👉 Return `future` Example: `Timer` from callback to Future 👇

Tweet media one

3

5

65

@SandroMaglione

Sandro Maglione

@SandroMaglione

1 month

XState Complete Getting Started Guide is out now 🚀 Learn the power of actors and statecharts to manage the state of your app with XState Here is what you'll learn 👇🧵

Tweet card media

XState: Complete Getting Started Guide | Typeonce

Learn how to leverage actors, state machines and state charts to manage the state of your app. Starting from the basics we explore all the features of XState through concrete examples of real UIs.

www.typeonce.dev

2

13

64

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 months

type or interface in typescript? It depends, but! ☝️ 👉 Hovering on `type` you see all the properties 👉 Hovering on `interface` shows only the name Keep this in mind when choosing one or the other

Tweet media one

6

6

63

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 years

Environmental variables are convenient in every project Do you know how environmental variables work in Flutter? Let me show you 🧵👇

1

10

63

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 years

Supabase v1.0 for Flutter is nearly out 🎯 Authentication with @supabase is just a few lines of code 🪄 Learn how to go from 0 to a Complete Authentication system in minutes using #flutter and #supabase 👇

1

13

61

@SandroMaglione

Sandro Maglione

@SandroMaglione

1 year

riverpod + fpdart finally joining forces 🤝 Part 4 of the fpdart + riverpod series is out now 🎉 Learn how to use the riverpod generator with fpdart, connecting all together and displaying the UI 🎨

3

7

62

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 years

The 'as' operator in #dart is evil 😈 'as' will break your app without you noticing How? Example: what is the result of this *valid* code 👇? Let me tell you... 👇🧵

Tweet media one

10

11

57

@SandroMaglione

Sandro Maglione

@SandroMaglione

9 months

💡 State management with Riverpod 💡 👉 watch/read all necessary state 👉 Provide state/events to the UI Also here the logic is all hidden inside each provider Clear separation of concerns 👍

Tweet media one

2

7

60

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 years

Error handling is crucial for any app ⚛ It can make or break your app (literally 💁🏼‍♂️) #dart offers many tools to save you from troubles 🎯 Here they are 👇🧵

1

11

60

@SandroMaglione

Sandro Maglione

@SandroMaglione

6 months

XState is the perfect example of @EffectTS_ on the frontend 🔥 Manage all the logic of your app using the power of state machines and Effect Future (present) of frontend state management 👇

Tweet media one

3

5

58

@SandroMaglione

Sandro Maglione

@SandroMaglione

10 months

XState unlocks writing real react components 🪄 All the logic is defined inside the machine The component is only responsible for 1️⃣ Display the layout based on the current state 2️⃣ Send events

Tweet media one

0

4

57

@SandroMaglione

Sandro Maglione

@SandroMaglione

11 months

Response type validation is also important. Another step is adding `effect/schema` or `zod` to validate the shape of the response Complete type-safety, avoid a lot of headaches

Tweet media one

@housecor

Cory House

11 months

How I use React query: 1. Create custom hooks that wrap related useQuery and useMutation calls. 2. Inline queryFn and mutationFn args. This enforces always using React query to query and mutate. 3. Colocate related queries and mutations in the same file, and invalidateQueries

Tweet media one

53

111

1K

2

3

57

@SandroMaglione

Sandro Maglione

@SandroMaglione

6 months

Don't be scared, @EffectTS_ is just typescript 💁🏼‍♂️ That's what makes it great 🔥 It's easy to convert values and functions to Effect, sync, async, error handling, and more 👇🎥

3

8

57

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 months

@mattpocockuk This will change how you write software, and you will never come back 👇

Tweet card media

Domain Modeling Made Functional: Tackle Software Complexity with Domain-Driven Design and F#

Domain Modeling Made Functional: Tackle Software Complexity with Domain-Driven Design and F#

3

2

55

@SandroMaglione

Sandro Maglione

@SandroMaglione

1 year

fpdart is now an official #FlutterFavorite package @FlutterDev @dart_lang Thanks everyone for the support 🚀 Here are some key moments in the history of fpdart 👇🧵

Tweet media one

8

6

56

@SandroMaglione

Sandro Maglione

@SandroMaglione

7 months

fpdart v2 http request 🚀 ✅ Error handling ✅ Dependency injection ✅ Type safety ✅ Easy to test It's never been so easy 🪄 Here is how 👇🧵

Tweet media one

4

11

55

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 years

Records and Patterns are in @dart_lang 🚀 It's time to start working with them, switch to the main channel 💻

Tweet media one

3

5

54

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 years

Records are coming to dart 🎯 A lot of work in progress on this 👷🏻‍♂️👇

Tweet media one

6

10

54

@SandroMaglione

Sandro Maglione

@SandroMaglione

10 months

Web development tech stack 2024 🧬 Core: @EffectTS_ 🏗️ State management: @statelyai + XState 🎨 Styling: @tailwindcss 🧪 Testing: @vitest_dev + @ApiMocking 🧱 Validation: @EffectTS_ Schema 🎥 Animation: @framer motion

4

5

52

@SandroMaglione

Sandro Maglione

@SandroMaglione

11 months

@housecor To make this even easier you can use eslint-plugin-deprecation It reports as error every function marked with deprecated Easy to avoid legacy code 💁🏼‍♂️

Tweet media one

2

1

51

@SandroMaglione

Sandro Maglione

@SandroMaglione

2 months

Live queries with PGLite + @DrizzleORM 🧙 Combine drizzle query builder, compile it to sql, and pass it to PGLite live query Sync changes with local db at lighting-speed ⚡️

Tweet media one

2

6

52

@SandroMaglione

Sandro Maglione

@SandroMaglione

6 months

Did you know you can create games with Typescript? 👀 I used @excaliburjs with @EffectTS_ to setup a game scene, all Typescript 🔥 Add XState @statelyai as well for next level results 🚀 And it's all just Typescript ✨

Tweet media one

4

6

52

@SandroMaglione

Sandro Maglione

@SandroMaglione

19 days

@EffectTS_ with React 19 is out right now 🚀 I packed everything that I learned using Effect on React 19 production codebases in one complete project template All for free 🆓👇

Tweet card media

Effect with React 19: Project Template | Typeonce

Learn how to use Effect with React 19 and TypeScript. This project template explains how to organize Effect services, layers, and runtime to execute both client and server code.

www.typeonce.dev

1

6

52

@SandroMaglione

Sandro Maglione

@SandroMaglione

7 months

Static metaprogramming is moving 👀 Currently "Being implemented" by the @dart_lang team Follow along, this could be huge 🚀

Tweet media one

Tweet media two

3

6

51

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 years

Amazing extension, believe it or not I did not know it existed, and it's game-changing! Huge thanks to @gaetschwartz 🔥

Tweet media one

3

9

49

@SandroMaglione

Sandro Maglione

@SandroMaglione

3 months

Typescript generics in React components 🧙 Did you know generic types can be used also in react? You can make sure the `name` of your form inputs conform to the shape of your schema Brings better type safety also on the frontend 🚀

Tweet media one

3

7

51