Junihor T. Moran

No hay mucho que decir, Soy Front-End Developer: HTML, CSS, Javascript, Typescript, React, Next.js, Node, ...

[Neo Kim @systemdesignone]

How database stores passwords securely

(explained in 2 mins or less):

[TusMedios @tusmedios]

¿Sabías que existen los "Premios Comedia de Fotografía de la Vida Salvaje"?

Estas son algunas de las fotos de animales más divertidas e ingeniosas:

1. Habla con la aleta (Jennifer Hadley)

[Csaba Kissi @csaba_kissi]

Javascript string methods

[Junihor T. Moran @tecnicazorro]

@Unspoken_Echoes 042

[Ejaj AHmed 🦅 @aeejazkhan]

You're in an interview, and the interviewer asks,

"What are callback functions in JavaScript and what is callback hell?"

Here is how you can answer:

[Lee Robinson @leerob]

@aberbamx Here’s one that might help!

https://t.co/JcP9gU7dAt

[James Lucas @JamesLucasIT]

Inception-style photos - a thread 🧵

1. Barcelona by Lestnica

[Junihor T. Moran @tecnicazorro]

Always saving me! ty
<a href="https://t.co/emR2oppdhy" title="wheat icons">Wheat icons created by Freepik - Flaticon</a>

[David Mráz @davidm_ml]

Create holy grail layout using CSS grid 🚀

Code in the comments 🧑‍💻

[Matt Pocock @mattpocockuk]

ReactNode vs Element. Let's clear up the confusion.

React.ReactNode: Anything a React component can render. JSX, string, null, undefined, number.

JSX.Element: Just represents JSX.

[Historic Vids @historyinmemes]

Horse joined the 1997 Critérium International race in the South of France.

[Matt Pocock @mattpocockuk]

Here's how to get a fully type-safe fetch function in just a few lines of (admittedly mind-blowing) generic code.

Full implementation below.

[George Moller @_georgemoller]

⚛️ I put together a visualization of how the re-render process work in React ↓

Hope it helps you to understand this process and allows you to better predict and control UI changes.

Trigger → Render → Commit

[George Moller @_georgemoller]

⚛️ This is how I usually like to structure and organize a React application (no FW).

How do you organize a React application directory?

I read your opinions below!

[George Moller @_georgemoller]

⚛️ React + Typescript Tip:

How to create short and easy to remember event types with Typescript ↓

[jhey ʕ•ᴥ•ʔ @jh3yy]

– One HTML attribute
– One JavaScript event listener
– Configurable via CSS custom properties

Let's get this explodin' 🤙

[George Moller @_georgemoller]

❌ Avoid Provider wrapping hell in React.

✅ Instead combine all your Providers using composition.

[Wes Bos @wesbos]

🔥 As of today, CSS :has() is now supported in every browser!

This is a next-level selector that opens up a ton of new possibilities. Here are 10 hot tips for using CSS :has()

Details of each below

[George Moller @_georgemoller]

⚛️ State relocation is one of the simplest ways to avoid expensive components from being unnecesary rendered ↓

[George Moller @_georgemoller]

⚛️ I don't worry too much about re-renders in React. (unless I see performance issues)

However, I do care about understanding how the rendering process works. ↓