Brahim Sourny

Creative UI Developer(B2B): ReactJS/NextJS/TypeScript/VueJS/NodeJS/Figma and more #Yoga ❀ #vegetablegarden ❀

[Brahim Sourny @SournyB]

My Experience at React Africa #ReactAfrica
https://t.co/EqYxHjgORF

[Cory House @housecor]

#9: You don’t need a form library. You need a pattern.

[Brahim Sourny @SournyB]

Crypto, I'm patient so take your time, but not too much :)

[Brahim Sourny @SournyB]

I just deployed a Smart Contract to the @zksyncdevs testnet!

Thanks @PatrickAlphaC and @cyfrinupdraft!

[Brahim Sourny @SournyB]

DeepSeek Lance Sa Nouvelle Famille De Modèles D’Imagerie Par IA https://t.co/TvxXeJHGMe

[Cory House @housecor]

Problem: You want to use Node with TypeScript.

Solutions:
tsc (compile, then run js via node)
ts-node
tsx
Bun
esbuild
swc
babel-node
vite-note

My favorites? Bun or tsx.

Both are fast, low/no config, and have watch mode built in.

[Cory House @housecor]

Situation: A web app has no end-to-end (E2E) tests.

Solution: Consider writing E2E tests in phases.

Phase 1: Smoke test - Write E2E tests that merely visit each page and assure it loads.

Phase 2: Happy path - Write E2E tests for each feature's "happy path" (the expected, common use case).

Phase 3: Unhappy path - Write E2E tests for edge cases.

Phase 1 is generally easy and provides basic confidence that the app won't blow up when simply navigated. Consider phase 2 or 3 as the team matures.

[Next.js @nextjs]

Next.js 15 RC

◆ React 19 + React Compiler support
◆ `fetch` and Route Handlers no longer cached by default
◆ Incrementally adopt Partial Prerendering
◆ New `create-next-app` design
◆ next/after (Experimental)

https://t.co/0UJkYYqLbo

[Riccardo Causo @rixlabs]

Shipping new code without writing test

[Cory House @housecor]

Just watched @dan_abramov’s React Conf talk.

Summary: RSC allows two computers to handle React instead of just one.

I really enjoyed his framing. Enlightening.

Talk starts at 5:14: https://t.co/NAzWDCeXu1

[Cory House @housecor]

#1: Know the 8 ways to handle state, and when to consider each.

[yassine abouch @abouch_yassine]

Our GPS Trackers, 100% Made in Morocco, are finally here !
#IOT
#M2M
#MADE_IN_MOROCCO
#NEXTRONIC
#HARDIOT

[Cory House @housecor]

React tip: Group related props.

Example: If two props are optional, but both must be set if used, group them via an object. This way, the related props are grouped.

Benefits:
✅ Clearer API
✅ Shorter prop names
✅ Programmatically disallows illogical prop combinations

#react

[David K 🎹 @DavidKPiano]

⚛️ React tip: for most forms, you don't need useState()... or any hooks at all! You can read form data directly from the form by element name:

Object.fromEntries(new FormData(formEl));

You don't even need a form library most of the time.

[Addy Osmani @addyosmani]

Looking for ways to improve user-experience and the Web Vitals? https://t.co/yyN4A8EUYJ I wrote a guide on using the latest Lighthouse audits to help.

[Una 🇺🇦 @Una]

And by "pretty darn cool" I mean... THIS IS ACTUALLY INCREDIBLE I CAN'T BELIEVE I LIVED WITHOUT THEM!

[Smashing Magazine 🇺🇦 🏳️‍🌈 @smashingmag]

🔖 A Complete Guide To Accessible Front-End Components.

– :focus styles
– autocomplete
– content sliders
– checkboxes
– data charts
– dark mode
– date pickers
– navigation
– modals
– radio buttons
– skip links
– SVGs
– tabs
– tables
– tooltips

https://t.co/MypiSiC0Zh

[Addy Osmani @addyosmani]

CSS "content-visibility:auto" is amazing: skip rendering & painting offscreen content until needed. I got a ~1s faster render on a long HTML document on desktop, ~3s on mobile.

https://t.co/Q2X2xPVj6l

[𝐕𝐢𝐧𝐭𝐚𝐠𝐞 𝐌𝐨𝐫𝐨𝐜𝐜𝐨 @Moorskingdom]

Tea break in the moroccan countryside

[egghead.io @eggheadio]

There are a bunch of custom hooks you can add to your React apps

@benmvp breaks down:

useDeepCompareEffect
useWindowScroll
useInitialMount
useIsMounted
useRafState
usePrevious
useUniqueId
useMedia

Learn about all these in this article:
https://t.co/Vz1XQ9KGsH