François Best - oss/?=& @fortysevenfx Twitter profile | Pikagi

Pikagi

François Best - oss/?=&

@fortysevenfx

2,125

Followers

580

Following

915

Media

4,916

Statuses

Freelance web developer and open-sourcerer. Building `nuqs`, a type-safe search params state manager for Next.js - / @nuqs47ng

Grenoble, France

https://t.co/oTunsoJP3e

Joined November 2009

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

Pinned Tweet

@fortysevenfx

François Best - oss/?=&

7 months

I'll soon be available for hire! What you get if we work together: - 7 years of experience building beautiful, accessible, and scalable fullstack React / Node.js / Next.js apps - Level 47 TypeScript wizard - Keen eye for design & clean architecture DMs open, RT appreciated 🙏

0

8

24

Last Seen Profiles

@mufti_sajid_

@brainless_sissy

@natalialalinde

@StardustLuxio

@SmailBouss69448

@neylandb_2025

@silentnix

@penpenmonst

@mairuara1

@cndyupii

@nimizwrld

@ClubDHN

@CityofSanJose

@ken_kwendo

@abdul_huss

@Kooiji1

@vk5xp7qciyKcZqT

@ornetle

@VELTEX_VELTI

@johnhembrm

@Everett37361113

@4sd___

@color_kumasan

@naaktstrandje

@ShibaGod2

@asteroids0313

@NRCAER

@makachi12345

@chengzimiaoj

@lopezmendicuti

@qodoqd

@sebastiankehl

@mellowdawn_

@mizukidayo_0408

@Hijabbacol2883

@olawale_john200

@fortysevenfx

François Best - oss/?=&

4 years

Dark mode for @excalidraw in one line of CSS: body { filter: invert(100%) hue-rotate(180deg); }

10

118

708

@fortysevenfx

François Best - oss/?=&

4 years

#ConfinementJour21 - Analyse de l'attestation numérique fournie par le gouvernement 🇫🇷👇 - Les premières analyses de Numérama sont correctes: - Pas d'envoi de données - QR Code en clair avec date de génération En revanche... 1/

Tweet card media

Attestation de déplacement couvre-feu au 19 mai 2021 : comment l'utiliser et où la télécharger

Le 3 mai 2021, le confinement allégé imposé depuis le début de l'année 2021 à toutes les personnes résidant en France a été levé. Mais l'attestation demeure, notamment pour le couvre-feu, décalé de...

www.numerama.com

30

642

502

@fortysevenfx

François Best - oss/?=&

3 years

My SaaS stack in 2022: 🧩 @nextjs (React, TypeScript) 🎨 @chakra_ui (UI design) 🤖 @fastifyjs (Node.js) 💳 @stripe (payments) 🐘 @prisma (PostgreSQL) 📨 @OhMySMTP (emails) 🔔 @SlackHQ (app events monitoring) 🐙 @github actions (CI/CD) 🇫🇷 @clever_cloud (hosting) AMA.

29

56

467

@fortysevenfx

François Best - oss/?=&

4 years

@spitroastpete @PaperFoxx I see the Mandalorian taking a nap 🤷

3

5

428

@fortysevenfx

François Best - oss/?=&

3 years

Oh nice! 👀 The new VSCode update (1.64) adds a way to fold away test files under their implementation 👏

Tweet media one

Tweet media two

8

58

315

@fortysevenfx

François Best - oss/?=&

6 years

@FdeRugy Ok, donc arrêt immédiat du projet #MontagnedOr , des exploitations de @total au large de la Guyane, du #GCO (et j'en passe). Sinon vous êtes complice.

3

33

257

@fortysevenfx

François Best - oss/?=&

2 years

@tdinh_me I'm a "back-and-forth" fullstack dev. Safari compatibility issues? Let's work on the API instead. Orchestration and scaling problems? Now wouldn't that subscribe button better with another shade of blue? 😅

8

19

230

@fortysevenfx

François Best - oss/?=&

3 years

Replaced ts-jest with @swc /jest for testing @typescript code. Instant 3x speedup (up to 7x on my local machine) 🤯⚡️

Tweet media one

Tweet media two

8

21

179

@fortysevenfx

François Best - oss/?=&

4 years

@rafrasenberg Both, because they don't have the same purpose. Client-side is to tell the user what is wrong before they submit. Server side is because you should never trust user-provided input. Your client-side validation can easily be bypassed by a direct POST from an attacker.

4

10

168

@fortysevenfx

François Best - oss/?=&

4 years

@EmmaBostian -----BEGIN PGP PUBLIC KEY BLOCK-----

1

0

168

@fortysevenfx

François Best - oss/?=&

4 years

@theannalytical I made this one:

@fortysevenfx

François Best - oss/?=&

5 years

When you need a gender picker on your website:

1

18

75

1

7

165

@fortysevenfx

François Best - oss/?=&

4 months

Stock @nodejs keeps getting better and better. You no longer need the following packages: glob → node:fs (v22) dotenv → --env-file chalk → { styleText } from 'node:utils' jest → node:test Props to @matteocollina , @yagiznizipli and team 🙌

7

21

152

@fortysevenfx

François Best - oss/?=&

3 years

@JoshWComeau I've been using this tool for shadow-stacking: It was inspired by @tobiasahlin 's blog post:

Tweet media one

2

7

122

@fortysevenfx

François Best - oss/?=&

4 years

Comment utiliser ce service de manière privée et sécurisée ? - Passez en mode incognito sur votre navigateur (ça règle le problème des cookies) - Fermez la page une fois le formulaire généré - Rouvrez une nouvelle page pour chaque génération, toujours en incognito 8/

5

73

112

@fortysevenfx

François Best - oss/?=&

4 years

Alors oui, c'est relou de re-rentrer ses informations à chaque fois. Mais n'oublions pas: - Un confinement strict est la seule manière de réduire l'exposition au COVID-19 - Ces dérogations doivent être exceptionnelles En gros: #RestezChezVous 😘

2

26

106

@fortysevenfx

François Best - oss/?=&

4 years

@florinpop1705

Tweet media one

1

0

102

@fortysevenfx

François Best - oss/?=&

5 years

Thanks to the UK government developers for real-time JSON data on their petitions ! #RevokeArticle50 #NoDeal #Brexit #WillOfThePeople

Tweet media one

3

58

90

@fortysevenfx

François Best - oss/?=&

22 days

And it uses `nuqs` to store all filters in the URL 🥹

@tremorlabs

tremor

22 days

Big news: The new template is finally here.

10

18

478

7

1

84

@fortysevenfx

François Best - oss/?=&

5 years

When you need a gender picker on your website:

1

18

75

@fortysevenfx

François Best - oss/?=&

4 years

Donc en gros, ça sent moyen bon tout ça: - Les cookies peuvent pister la génération des formulaires - L'info de génération est envoyée à une entreprise Américaine (pour une fois, ce n'est pas Google) Positif: - Les infos personnelles restent en local 7/

1

41

68

@fortysevenfx

François Best - oss/?=&

2 years

@matteocollina One of the best talks on the topic is @jasnell 's "Broken Promises" Lots of good tips of things to avoid, and why it matters for performance. I learnt a lot from it.

1

9

71

@fortysevenfx

François Best - oss/?=&

4 years

Mon analyse de l' #attestationdedeplacement numérique: 👍 Pas d'envoi des données 😕 Un service hébergé aux USA 🇺🇸 😱 Des cookies pistant la génération du PDF Solution: 🕵️ Utiliser le mode incognito du navigateur Plus de détails 👇

@fortysevenfx

François Best - oss/?=&

4 years

#ConfinementJour21 - Analyse de l'attestation numérique fournie par le gouvernement 🇫🇷👇 - Les premières analyses de Numérama sont correctes: - Pas d'envoi de données - QR Code en clair avec date de génération En revanche... 1/

30

642

502

10

60

68

@fortysevenfx

François Best - oss/?=&

3 years

🥳 First new client of the year, with a dream stack: 🧩 @nextjs 🎨 @chakra_ui ◭ @prisma 🌐 @planetscaledata Can't wait to start! 🤩

9

0

63

@fortysevenfx

François Best - oss/?=&

4 years

@SimonHoiberg Quick #a11y tip: don't use clickable <div>, it's not accessible to users with screen readers or tab navigation. Use <button> or <input type="button"> for anything interactive. It uses semantic HTML elements that are tailored for the job.

0

1

62

@fortysevenfx

François Best - oss/?=&

3 years

The @prisma docs are one of the best in town. TIL they also have published this Data Guide. Everything you wanted to know about databases but were afraid to ask. 🏗 Data modelling 🧩 Migrations 🐘 PostgreSQL 🐬 MySQL 🗄 SQLite

1

13

62

@fortysevenfx

François Best - oss/?=&

4 years

C'est donc inquiétant: grâce au cookie visid_incap_783176, le gouvernement peut pister les requêtes de génération de formulaires, avec un identifiant unique par visiteur valable pour un an. Il y a également un 3e cookie: ___utmvc, qui contient un paquet de données.. 3/

Tweet media one

7

46

59

@fortysevenfx

François Best - oss/?=&

3 years

Destructive actions should be cancellable (even better, they should be undoable). A nice piece of UX "stolen" from @clever_cloud 😘

4

9

60

@fortysevenfx

François Best - oss/?=&

4 years

Pour ceux qui se poseraient la question du RGPD et de la légalité du pistage sans opt-out, le point est soulevé dans la politique de confidentialité: Cela dit, vu qu'ils utilisent des cookies limités au bon domaine, pas sûr que ces réglages s'appliquent..

6

12

52

@fortysevenfx

François Best - oss/?=&

2 months

@wesbos I can't count the number of times I learned a cool CSS technique from diving in the devtools on a site that showcased it like this. This is the beauty of the open web: it's there for all to see and learn.

2

1

54

@fortysevenfx

François Best - oss/?=&

4 years

Ce cookie ne dure pas longtemps, quelques secondes à peine. C'est plus son utilisation qui est intéressante: un pixel de tracking ! Plus précisément, vers une route /_Incapsula_Resource 4/

Tweet media one

2

41

51

@fortysevenfx

François Best - oss/?=&

4 years

Qui plus est, résoud vers l'IP 152.199.19.183, qui est située... En Virginie, aux USA 🇺🇸 Sûrement car le service d'Incapsula utilise ses propres serveurs. 6/

7

29

51

@fortysevenfx

François Best - oss/?=&

4 years

Une requête de téléchargement du formulaire vierge est envoyée à chaque téléchargement, avec deux cookies: incap_ses_467_783176 visid_incap_783176 Le premier est lié à la session, et regénéré lorsqu'on ferme et rouvre la page. Le second en revanche est valable pour un an. 2/

2

37

48

@fortysevenfx

François Best - oss/?=&

4 years

✨New blog post: Mobile device frames for @excalidraw I made some frames for iOS devices (iPhone, iPad, Apple Watch). They are free to use (CC-BY-4.0), and can be downloaded here: Android & others coming soon, add your requests below! 👇

1

8

49

@fortysevenfx

François Best - oss/?=&

4 years

Incapsula est un service Américain qui peut servir à la mitigation d'attaques DDoS, ou à la livraison optimisée d'applications web. En l’occurrence ici, je ne vois pas trop ce que le pixel de traçage vient faire là. 5/

Incapsula - Wikipedia

en.wikipedia.org

5

28

45

@fortysevenfx

François Best - oss/?=&

3 years

Prototyping something cool: field-level encryption for @prisma 🔐 - Annotate which fields to encrypt in the schema - The Post.title field is encrypted in the sqlite DB - But the response is in clear text Transparent field-level encryption at rest 🥳

Tweet media one

4

4

46

@fortysevenfx

François Best - oss/?=&

3 years

@scots_journey @mcpheeceo @Peasweat2 No, in French it's Panoramix.

6

1

45

@fortysevenfx

François Best - oss/?=&

4 years

@SimonHoiberg Side-effect alert: this will mutate the `movie` variable, injecting the meta object into it. For immutable merges with Object.assign, start with an empty object where all further arguments can be merged into: Object.assign({}, movie, meta)

4

1

45

@fortysevenfx

François Best - oss/?=&

4 months

@StefanTMD Yup, got the same. 🙄

Tweet media one

1

0

44

@fortysevenfx

François Best - oss/?=&

2 months

@kentcdodds In @firefox devtools, there's a panel dedicated to flexbox and grid size debugging:

Tweet media one

3

0

40

@fortysevenfx

François Best - oss/?=&

4 years

✨New blog post: Dark mode for Excalidraw How to make SVGs exported from @excalidraw look good in dark mode on a blog, with a single line of CSS.

2

7

40

@fortysevenfx

François Best - oss/?=&

11 months

@nextjs useQueryState is compatible! 🚀

Tweet card media

GitHub - 47ng/nuqs: Type-safe search params state manager for Next.js - Like React.useState, but...

Type-safe search params state manager for Next.js - Like React.useState, but stored in the URL query string. - 47ng/nuqs

4

5

37

@fortysevenfx

François Best - oss/?=&

2 years

@DavidWells Can't get past the weird squareish parenthesis and the tiny semicolons 😱

6

0

38

@fortysevenfx

François Best - oss/?=&

3 years

TypeScript + @fastifyjs + @prisma + Zod = 😍 - Static type validation (edit/build time) - Route params/query/body validation (runtime) - Database validation (runtime)

Tweet media one

4

1

38

@fortysevenfx

François Best - oss/?=&

25 days

@t3dotgg Or if macOS Preview/Quicklook supported it. I don't particularly care about the format, just let me see the image without opening a photo editing app.

3

0

38

@fortysevenfx

François Best - oss/?=&

4 years

💡Handy little hack for @excalidraw : use @Firefox Container Tabs to open multiple sketches. It works because each Container Tab isolates localStorage, where the sketch data is stored. No more losing your work when opening a file: use a new container.

4

6

33

@fortysevenfx

François Best - oss/?=&

3 years

@SimonHoiberg @garikaijenje I was just about to post that 😀

Tweet media one

5

4

33

@fortysevenfx

François Best - oss/?=&

3 years

Utility of the day: Convert Next.js filesystem-based routes to @fastifyjs routes:

Tweet media one

0

5

33

@fortysevenfx

François Best - oss/?=&

3 years

✍️ New interactive blog post ✨ How those "hashvatars" are made, using SVG, HSL colors, and a bit of maths. h/t to @wzulfikar for the name

7

13

33

@fortysevenfx

François Best - oss/?=&

4 years

My mobile device frames are now part of the official @excalidraw libraries 🎉 Get them here:

Excalidraw Libraries

A directory of public libraries that you can easily add to Excalidraw.

libraries.excalidraw.com

0

6

32

@fortysevenfx

François Best - oss/?=&

3 months

@athoune Moins hacker, plus sysadmin: Cillian Murphy dans Tron Legacy, qui `ps | grep | kill` une "attaque". Ca passe vite, mais ça fait plaisir de voir des vraies commandes utilisées correctement.

Tweet media one

Tweet media two

0

1

32

@fortysevenfx

François Best - oss/?=&

4 years

@florinpop1705 Not my last, but clearly my most popular one line of CSS:

@fortysevenfx

François Best - oss/?=&

4 years

Dark mode for @excalidraw in one line of CSS: body { filter: invert(100%) hue-rotate(180deg); }

10

118

708

1

5

30

@fortysevenfx

François Best - oss/?=&

3 years

Weekend project: contribute to @alisalahio 's #opensource status checker toolbar, by adding support for @clever_cloud 🇫🇷 Now I can monitor all the services my apps depend on in one place 🥳

Tweet media one

3

8

28

@fortysevenfx

François Best - oss/?=&

3 years

Weekend project preview: partitioning a circle into 32 sections of equal-ish areas to represent SHA256 hashes as avatars. Each section will have an 8 bit color in it. cc @TheBuilderJR 😉 #buildinpublic

4

1

29

@fortysevenfx

François Best - oss/?=&

5 years

@xkcdComic To save you the trouble, the coordinates point to a rocket in the Rocket Garden at @NASAKennedy . @DJSnM and @AmyShiraTeitel can probably tell us which one and all about its history !

Tweet card media

28°31'24.4"N 80°40'59.1"W · 405 Nasa Pkwy W, Merritt Island, FL 32953

405 Nasa Pkwy W, Merritt Island, FL 32953

1

0

27

@fortysevenfx

François Best - oss/?=&

4 years

@SimonHoiberg I find it hard to reason about, but fortunately* JavaScript has a `padStart` function that does a similar job: * unless you're stuck in IE.

2

3

29

@fortysevenfx

François Best - oss/?=&

3 years

This is DX at its finest: when you right-click on the @clever_cloud logo on their landing page, they show you their resource files 🤩

Tweet media one

2

5

28

@fortysevenfx

François Best - oss/?=&

2 months

Give me spreadsheets and I'm finally able to delete my Google account. 👀

@ProtonDrive

Proton Drive

2 months

Say hi to Docs: end-to-end encrypted collaborative document editing in Proton Drive ✍️ Create, edit, and share documents securely 🤝 Collaborate in real-time with live cursors, presence indicators, and comments ↕️ Import/export with ease 1 / 2

Tweet media one

173

328

2K

4

1

27

@fortysevenfx

François Best - oss/?=&

10 months

✍️ New blog post: "Testing against every @nextjs canary release" TL;DR: I made a little cron script to poll the GitHub releases API and trigger a GitHub Actions workflow run when they publish a release, to bulletproof next-usequerystate.

2

2

27

@fortysevenfx

François Best - oss/?=&

2 years

@wesbos You can now run PHP in the browser with WASM 🙃

1

0

26

@fortysevenfx

François Best - oss/?=&

4 years

🧑‍💻 Pour info, le code source de l'application a été publié et est disponible ici:

GitHub - LAB-MI/deplacement-covid-19: Service de génération de l'attestation de déplacement...

Service de génération de l'attestation de déplacement dérogatoire à présenter dans le cadre du confinement lié au virus covid-19 - LAB-MI/deplacement-covid-19

2

12

24

@fortysevenfx

François Best - oss/?=&

5 years

@visitnorway @e8johan New flag ?

Tweet media one

1

2

26

@fortysevenfx

François Best - oss/?=&

3 years

Tip: Using @chakra_ui colors with external styles. Combine useToken and useColorModeValue to add dark mode support to components that need a resolved value:

Tweet media one

1

3

25

@fortysevenfx

François Best - oss/?=&

4 years

I'm going to ship a micro-SaaS today 🚀 It gives you an OpenGraph image URL from a Figma design in one click. Follow along as I #buildinpublic . This morning: - Proof of concept - Landing page skeleton Tech used: - Next.js - @vercel - @chakra_ui - @figmadesign

3

3

24

@fortysevenfx

François Best - oss/?=&

4 years

@SimonHoiberg 1 and 2 will mutate the original list object 3 and 4 will create a new list without the first element Another immutable approach that I'd use: const newList = list.slice(1) Yes, slice and splice will do the same thing in this particular case, but beware their difference.

2

0

23

@fortysevenfx

François Best - oss/?=&

4 years

From the archives: Authenticating with the @Strava API in a @rustlang CLI. Covers: - The basics of OAuth - Authentication vs Authorization - Data-race freedom & multithreading safety Full code is #opensource as usual.

0

5

23

@fortysevenfx

François Best - oss/?=&

3 years

Great tip for @chakra_ui ghost buttons, where the hover effect may be the same colour as the background. Before / after:

Tweet media one

Tweet media two

Tweet media three

@colmtuite

Colm Tuite

3 years

Design system tip: if you have opaque backgrounds/borders on UI components, use mix-blend-mode: multiply, so they work on different coloured backgrounds.

Tweet media one

10

70

764

0

4

23

@fortysevenfx

François Best - oss/?=&

4 years

@SimonHoiberg And if TypeScript / ESLint yells at you about an "unused variable": const { qux: _, ...cleanFoo } = foo By convention, variables starting with _ (or just _ itself, it's a valid variable name in JavaScript) mean "unused" or "internal", and validation tools tend to ignore them.

1

0

23

@fortysevenfx

François Best - oss/?=&

4 months

@wesbos @BosTypeScript Make another one for Wes too while you're there:

Tweet media one

1

0

23

@fortysevenfx

François Best - oss/?=&

3 years

@dhh @render The world also needs PaaS vendors that are based outside of the USA. cc @clever_cloud 🇫🇷

0

2

23

@fortysevenfx

François Best - oss/?=&

4 years

@FrancescoCiull4 congrats on 2K 🎉 Source code: cc @SimonHoiberg

Tweet media one

2

1

23

@fortysevenfx

François Best - oss/?=&

4 years

@jackdomleo7 You can build a house with Lego, but if you only use bricks of the same colour, you'll have a hard time finding the doors and windows. Using different colours and shape for those make them stand out, and make your task easier: some bricks are already door or window-shaped.

0

0

20

@fortysevenfx

François Best - oss/?=&

4 years

Route links with #ChakraUI & #NextJS : - Supports `as` for Next.js dynamic routes - Stylable with Chakra style props - Full TypeScript typings Since I use those all the time I might ship a library for Next.js + Chakra UI utilities (_app.tsx boilerplate, theming...)

Tweet media one

1

1

22

@fortysevenfx

François Best - oss/?=&

4 years

@florinpop1705 All of them. I'm a full-snack developer.

1

0

22

@fortysevenfx

François Best - oss/?=&

3 years

Weekend project: a transaction explorer for @CentralizedCoin Using the hash avatars I made on Friday and CC's public API. Made with @chakra_ui , React Query & Next.js.

5

2

22

@fortysevenfx

François Best - oss/?=&

4 years

@SimonHoiberg I do both C++ and JavaScript for various clients. Here's my quick fits-in-a-tweet feedback: JavaScript gigs are easier to find (usually startups) C++ gigs are easier to scale (usually larger businesses) Also: why pick ? Learn a few different languages, it gives perspective.

1

3

20

@fortysevenfx

François Best - oss/?=&

5 years

Building a #2FA feature with ChakraUI in a Next.js app : ✅ 😍 Elegant ✅ 😀 Complete UI toolkit with #a11y ✅ ⚡️ Fast prototyping with API routes ✅ 🚀 Performant 👏 @thesegunadebayo & @rauchg

Tweet media one

Tweet media two

1

2

21

@fortysevenfx

François Best - oss/?=&

7 years

@FaktCheck @FlatEarthOrg @NASAhistory Have you ever wondered why you never see the Google car directly on Street View shots ? Same reason you don't see Curiosity's "selfie stick"

0

2

17

@fortysevenfx

François Best - oss/?=&

2 years

✨ New client, new stack: 🗃️ @KeystoneJS (backend / GraphQL API / CMS) 🧩 @nextjs (front-end) 🎨 @chakra_ui (UI components) 🚀 @apollographql (data fetching) ✍️ Formik (forms) by @jaredpalmer 🐘 @prisma (PostgreSQL) 🇫🇷 @clever_cloud (hosting) First contact with Keystone: 🤩

1

3

21

@fortysevenfx

François Best - oss/?=&

4 years

🇫🇷 200k€ of public money for a find-and-replace commit. I have no words. #TousAntiCovid === #StopCovid

4

13

17

@fortysevenfx

François Best - oss/?=&

6 years

Parler d'écologie c'est bien. Agir, c'est mieux. Je passe chez @Enercoop_SCIC pour soutenir les #EnergiesRenouvelables et contribuer à la #TransitionEcologique . Un petit pas, certes nécessaire, mais non suffisant.

Tweet media one

0

7

20

@fortysevenfx

François Best - oss/?=&

2 years

My freelance business is thriving this year, I just passed the 35.6k€ threshold to require charging VAT. 🥳📈 🇫🇷 Quelques astuces pour les autoentrepreneurs en France 👇

3

0

20

@fortysevenfx

François Best - oss/?=&

5 years

@wistia Yeah, nothing speaks "Business should be human" like "we're going to violate GDPR and CCPA and make tons of cash on top of people who have not accepted any of this".

Tweet media one

1

0

20

@fortysevenfx

François Best - oss/?=&

5 years

@Souvir

Tweet media one

0

0

19

@fortysevenfx

François Best - oss/?=&

4 years

useQueryState: use #NextJS router query string parameters like you would use React.useState Bonus: it only re-renders components with the same key 😊 #javascript #100daysofcode #reactjs #chakraui #webdevelopment

3

4

18

@fortysevenfx

François Best - oss/?=&

3 years

I'm making a batteries-included SaaS starter template: ⚡️ Built on Next.js 🎨 @chakra_ui for #a11y UIs 🐘 @prisma + PostgreSQL + React Query 💳 @stripe to accept payments in minutes 🔒 @nextauthjs (login with any service + email + passwordless) 🟦 @typescript 💯 🤖 SEO ready

Where do I sign up ?

28

Tell me more...

34

1

3

19

@fortysevenfx

François Best - oss/?=&

4 years

@silindsoftware It depends®. Arrow functions for local inline function definitions (eg: map/filter/reduce callbacks with a helpful name). Named function for top-level exported functions, so they show up nicely in the call stack/debugger.

2

0

18

@fortysevenfx

François Best - oss/?=&

5 years

@SylvainPV @DasSurma i-=e^(i*π)

0

0

17

@fortysevenfx

François Best - oss/?=&

6 years

@FARaVelo La place Grenette à Grenoble avant et après le progrès 😜 #AvecLeProgr ès

Tweet media one

Tweet media two

1

7

19

@fortysevenfx

François Best - oss/?=&

4 years

@florinpop1705 Remade two weeks ago with #NextJS , @chakra_ui and @mdx_js 💚

1

2

19

@fortysevenfx

François Best - oss/?=&

3 years

Star or badge ? #uidesign #buildinpublic

Tweet media one

19

0

19

@fortysevenfx

François Best - oss/?=&

4 years

@SimonHoiberg Another useful one: the constructor. Create an Array of 12 elements: const a = Array(12) However, those will be 12 "empty slots", to iterate over them you'll need to fill it first with anything: Array(12) .fill(0) .map((_, index) => index) => [0, 1, 2, 3, 4, ...]

3

0

19

@fortysevenfx

François Best - oss/?=&

3 years

@alex__luong @nextjs @chakra_ui @fastifyjs @stripe @prisma @OhMySMTP @SlackHQ @github @clever_cloud I use it because it's a French service (I'm French too), and: 1. I like having my data where I have a say over the laws regulating it. 2. French power grid is low-carbon 🌱 3. The big clouds have enough money already Functionality-wise, it's all the same.

1

1

18

@fortysevenfx

François Best - oss/?=&

6 months

Damn, @AtilaFassina 's talk on signals and fine-grained reactivity makes me want to try @solid_js . For a React conference, a lot of the good stuff is ironically not about React 😅 #ReactParis

5

0

16

@fortysevenfx

François Best - oss/?=&

3 years

🥳 I got my first sponsor on GitHub 😍 *for $1, but still feels 😊

Tweet media one

1

0

18

@fortysevenfx

François Best - oss/?=&

3 years

🎨 Tweaking the @chakra_ui color palette with Themera by @Hicksyfern to increase saturation/luminosity on all hues. 🔗

Tweet media one

1

1

17

@fortysevenfx

François Best - oss/?=&

3 years

@imjulianeral @benawad @ryanflorence JWTs are stateless, you don't need to store them on the backend. I split mine into two cookies (both SameSite, https only): - Payload accessible by JS, expires with JWT - Signature httpOnly Read more about this pattern:

Tweet card media

Getting Token Authentication Right in a Stateless Single Page Application

Single page application architecture is becoming more prevalent. Established patterns do not address both security and good user experience…

0

2

17

@fortysevenfx

François Best - oss/?=&

5 years

@DJSnM It would be so cool to have cameras in the side booster cones on #FalconHeavy for them to film each other while returning to the ground ! 🚀🎦🎦🚀

0

0

17

@fortysevenfx

François Best - oss/?=&

3 years

With my PR accepted in @chakra_ui , I'll be able to keep the menu open to show a spinner when loading the customer portal. Other meny links navigate instantly and close the menu as usual 😊

1

2

17

@fortysevenfx

François Best - oss/?=&

4 years

@SimonHoiberg Axios, but on a diet:

@_developit

Jason Miller 🦊⚛

4 years

Redaxios: axios for the browser, 800b and uses fetch

Tweet media one

26

223

1K

1

1

16