Was dir gefallen könnte
He terminado mi curso de React y mi primera aplicación web con React, Redux y Firebase 🥳 He aprendido mucho y estoy orgullosa con el resultado 👍🏻 Es un bloc de notas y se pueden subir imágenes💖 ¡Os dejo un video de cómo me ha quedado! Opiniones?☺️ #React #Redux #Javascript
Qué emoción!!! 🔝
🚀 Chakra UI v3 is here! 🚀 We're thrilled to announce the release of @chakra_ui v3, a complete rewrite to boost performance, speed, and consistency across all components. 🟢 25+ new components 🟢 Improved design tokens 🟢 Component Snippets 🟢 Works in RSC and Next.js
I wrote a book. It takes you from zero TS experience to wizard-level. And it's free. totaltypescript.com/books/total-ty…
Time to talk about one of the strangest TypeScript tricks around. It's the loose autocomplete trick. And it's ACTUALLY USEFUL for app development. Let me explain 🧵
There is no reason to use useState instead of searchParams when we have libraries like Nuqs: * Validated and type-safe ☂️ * Sharable URLs 🔗 * Composable with useQueryStates 🥪 * createSearchParamsCache to access in a deeply nested RSC 🌊
🤣 Qué emoji me representa👀👇🏻 un placer haberte conocido por fin en persona @miriamgonp ❤️
¿Qué emoji describe mejor tu vida cuando programas? 👩💻 Hice esta pregunta en @CodemotionIT y esto fue lo que me dijeron 👇 ¡Comenta con tu emoji elegido! Kudos a las personas entrevistadas 💖
I use Zod for 3 things: 1. Validate HTTP responses at runtime 2. Derive TS types from Zod schemas 3. Validate forms
Build powerful forms with React Hook Form, Zod & TypeScript 🔥 This article teaches you how to: • use React Hook Form with Zod and TS • create a Zod validation schema • infer the TS types from the Zod schema • validate your form data Check it out ⤵️ catalins.tech/form-validatio…
Recreated @family's whimsical number input today using Framer Motion. Check it out: nan.fyi/experiments/fa… Short tutorial below.
El futuro de las librerías y frameworks de JavaScript pasa por “signals”. Un nuevo concepto que está liderando Solid.js y que poco a poco están implementando el resto de bibliotecas. ¿Lo conocías? 👇
🛑 React SSR - Don't do this: useState(() => { if (typeof window !== "undefined") { return localStorage.getItem("xyz") } return fallback; }) 🐛 Leads to hydration mismatches useSyncExternalStore ➡️ good way to prevent React hydration issues beta.reactjs.org/reference/reac…
CSS Tip! ✨ Trigonometric functions (sin, cos, etc.) are landing in CSS 🙌 Use them in animations & layouts 😯 How about these images laid out along a sine wave using scoped custom properties? img { translate: 0 calc(sin(var(--index) * 50%)); 👈 } @CodePen link below! 👇
🚨CSS News CSS Trigonometric Functions just landed in Firefox, are available in Safari and are slated to land in Chromium soon (tentatively version 111). What are they?
The `satisfies` operator in TypeScript 4.9 is a game changer Here is a quick overview of how it compares to a couple alternative ways of annotating types Learn more about the `satisfies` operator here: typescriptlang.org/docs/handbook/…
A dependent prop is a prop that should only be set when another prop has a specific value. Let's explore how they work in React. #DEVCommunity dev.to/danielbellmas/…
dev.to
Dependent Props In React Typescript
A dependent prop is a prop that should only be set when another prop has a specific value. In the...
JavaScript && CSS Tip! ✨ Use IntersectionObserver(IO) with a low threshold and custom properties to power list animations 🔥 el.style.setProperty('--shown', entry.isIntersecting ? 1 : 0) li { scale: calc(0.25 + (var(--shown, 1) * 0.75));} Demo link below! 👇
#Flutter animation tip🪄 Bring any boring scroll view in your UI to life (ListView, GridView, ..etc) by wrapping its children with an animated widget and let the itemBuilder do its magic 🪄🧪 (it will run your animation when each item scrolls into view 🤫) Code 👇🏼
🧵 How to useMemo and useCallback: you can remove most of them @adevnadia sharing an interesting point of view on the usage of memoization hooks - slower 1st render - only useful for re-renders - need React.memo() - 1 tiny mistake => fail developerway.com/posts/how-to-u…
Fast and Responsive Hero Videos for Great UX simonhearne.com/2021/fast-resp… by @simonhearne #WebPerf #Performance #WPO #Video
simonhearne.com
Fast and Responsive Hero Videos for Great UX
Responsive landing page hero videos are increasingly popular, here we show how to make them as fast as possible.
United States Trends
- 1. Eric Dane N/A
- 2. McSteamy N/A
- 3. Knicks N/A
- 4. Pistons N/A
- 5. Cade N/A
- 6. Aliens N/A
- 7. Paul Reed N/A
- 8. Grey's Anatomy N/A
- 9. Alysa Liu N/A
- 10. UFOs N/A
- 11. Mark Sloan N/A
- 12. Mike Brown N/A
- 13. Brunson N/A
- 14. Maura N/A
- 15. Ley de Amnistía N/A
- 16. Punch N/A
- 17. #LCDLF6 N/A
- 18. Wes Rucker N/A
- 19. #TNAiMPACT N/A
- 20. Bloomington N/A
Was dir gefallen könnte
-
Maybemar
@Maybemarhs -
Sergio Gordillo
@SGordilloDev -
Eduardo Ismael..
@eduardo_gpg -
Uriel Hernández
@Uriel_Hedz -
Lina castro
@lirrums -
Alba Silvente
@dawntraoz -
Zally
@zallyhg -
Maria Fernanda Serna Arboleda
@mafesernaarbole -
dani
@danidlcdev -
Frandeveloper 🚀
@Frandeveloper3 -
Inés
@Ineslaram -
Natu Rios
@naturios -
Pablo Sirera
@pablosirera -
Mía Salazar 🍪🎲
@miadeveloper -
Concha Asensio
@conchaasensio
Something went wrong.
Something went wrong.