Discover and read the best of Twitter Threads about #React

Most recents (20)

¿Cuál es la diferencia entre los hooks useEffect y useLayoutEffect?

¿Cuándo usar useLayoutEffect?

Lo descubriremos en un nuevo hilo sobre #React #hooks 🧵
useLayoutEffect es similar en casi TODO a useEffect, solo tiene pequeñas diferencias.

TLDR: useEffect es lo que quieres usar el 99% del tiempo.

Ambos reciben dos argumentos, un callback que define el efecto y una lista de dependencias.…
La diferencia entre ambos radica en el momento en que el efecto definido en el callback es ejecutado.

useEffectes ASINCRONO. y ejecuta el efecto después que tu componente se renderiza asegurando así que tu efecto no bloquerá el proceso principal.
Read 13 tweets
Here’s a roundup of some of the material we have produced or highlighted during this extraordinary week.

1. A short thread from @john_actuary examining the @imperialcollege #REACT antibody study. Antibody prevalence is decreasing, which might imply falling immunity.
2. There was no Mortality Monitor from the CMI this week (though one is due this Tuesday) but @ActuaryByDay analysed the latest @ONS weekly death statistics noting that deaths are above the five-year average.
3. We published a bulletin from @john_actuary on Tuesday, looking at hospital admissions. He estimates that just under 1-in-5 COVID-19 admissions is acquired in the hospital setting. He also concludes that the vast majority of admissions are “from COVID” not just “with COVID”.
Read 8 tweets
useEffect y los estados del ciclo de vida de un componente.
Son comparables? Funcionan igual? Es uno del reemplazo del otro?.
No, no, y no, pero ¿por qué?
Intentaré resumirlo en este breve nuevo hilo 🧵
Primero, creo que este post de @dan_abramov lo explica completamente…

Los estados del ciclo de vida son una definición y concepto utilizados en los componentes de clase, esos definidos antes del advenimiento de hooks utilizando la sintaxis `class`
Estos componentes implementan algunos métodos que te permiten ejecutar lógica en ciertos "momentos". Y esto es importante. La ejecución de esta lógica esta relacionada con un momento particular del proceso de renderizado de un componente.
Read 12 tweets
Cuál es la diferencia entre #React y #ReactNative?
Una pregunta completamente valida sobre todo si estás comenzando.
Bueno, son conceptualmente lo mismo, pero... 🧵
Ambos nacen de la misma idea de utilizar un modelo de componentes como abstracción para definir una interfaz de usuario.
Ambos utilizan la misma "tecnología" base que es el "core" de #React., el "reconciler"…, manejo de estado, props, etc.
Similares en sintaxis: ambos son "solo javascript" y utilizan JSX para definir sus componentes (y evitar tener que escribir React.createElement cada vez).

Pero se diferencian en el "engine" en donde se ejecutan.
Read 10 tweets
The interim report of Round 6 of @imperialcollege's #REACT study makes grim reading. It estimates 96,000 new infections a day, with an R of 1.56, and doubling every 9 days. Nearly 1m are estimated to be infected. Covering 16-25 Oct, it's very up to date. Here's some detail. 1/8
Regionally, Yorks/Humber has overtaken the NW, consistent with admissions data @COVID19actuary has been reporting recently. Lower prevalence areas have higher growth rates, with R over 2, so there should be no complacency elsewhere, with short doubling times. 2/8
Similarly for age, although 18-24 is highest the most rapid growth is now at older ages, with a threefold increase at 55-64, and doubling above 65. It's these groups which will be driving the increases in admissions we've already seen (and sadly, subsequent deaths). 3/8
Read 8 tweets
The latest #REACT study by @imperialcollege shows decreasing levels of antibody prevalence. Overall levels fell by 24% over a 12 week period, from 6% to 4.8% in Round 2, and now 4.4%. Let's take a closer look in this short thread. 1/6
By age the % fall was greatest in the oldest groups, with an increasing trend from age 45. There is some variability though, eg in the data table in the report we see 75+ increased in Rd 3 by 25%, reflecting some wide CI's. 2/6
Showing the wide regional variation, London fell 27% from 13% to 9.5%, whereas at the other end of the spectrum, the SW fell 42% from 2.8% to 1.6%. Note again the increase in Rd 3 for the SW, with a very wide CI for the change we shouldn't read too much into this. 3/6
Read 6 tweets
So I have to learn web dev for work. It’s always been interesting to me but the sheer volume of the eco system is intimidating to say the least.

I need to learn React and basically be full stack for embedded web apps in my agency’s medical software. 😱

#react #javascript 🧵
Context: I normally deal with weirder languages or niche things like bash, R, LaTeX, Groff, awk, vba, and other lower level things.

So this is a leap for me, but a fun one! I’m enjoying the learning as I enjoy learning in general. And one more thing 🧵
@DevSimplified gave me some free passes to his react and intro to JS courses and to catch up on ES6 changes and begin learning React and I’m currently watching some of his videos and... absolutely stellar. Dude, the way you break it down and show 🧵
Read 5 tweets
The @imperialcollege #REACT Survey has published an interim report of its 5th round. The headline is that it suggests R has fallen sharply in recent weeks, and could now be around 1.1 . Let's take a more detailed look... 1/9
The interim report covers 85,000 samples over the period 18th-26th Sept, so is very up to date. It found 363 positive samples, an infectivity of 0.55% (over 1 in 200) , consistent with the latest @ONS report. That's the highest since the survey started in May. 2/9
Round 4 put R at 1.7 for late Aug/early Sep. These results show a clear slowing, and the report notes other indicators (eg calls to the NHS) are consistent with this direction. The CI is wider though as this is an interim report, so the sample size is reduced. 3/9
Read 9 tweets
A quick summary of the key findings from @imperialcollege 's latest #REACT study, issued Fri. I highlighted then the R estimate of 1.7, (and the difference with the same day's SAGE estimate). You can see this here, study 4 ran from 22/8 to 7/9 (3 from 24/7 to 11/8)
1/6 Image
Here are the raw numbers. With 152k sampled, there were 136 positive results, enough to show clearly the increase since study 3 - tripled in fact. That's the average over that period - by the end date infectivity will have been even higher given the direction of travel. 2/6 Image
Just part of a very busy analysis. I've highlighted some of the key points. Infectivity highest in the 18-24 group but also growing rapidly in other groups except the oldest. Experience elsewhere shows a lag in the increase in older age groups, but eventually they rise too. 3/6 Image
Read 6 tweets
I have been teaching #FullStack #WebDevelopment for over 5 years, and taking interviews for #FullStack developers for over 3 years now.
Here is a tiny thread 🧵 for aspiring #Developers 👇
1. 📜 Take up frontend first, easier to see results. Take up backend later

I personally learnt #NodeJS to support my #Android work, and later got into #Frontend. But if I only had to be a web developer, I'll redo it with frontned first.
2.💡 Focus on basics before frameworks. Framework ninjas with 0 in basics get thrown out in interviews

It is nothing short of depressing how many people cannot even start making a simple project with #react or #vue scaffolding. Don't be that guy.
DOM events, semantic HTML ftw!
Read 14 tweets
Hoy me gustaría compartir algunas reflexiones fruto de las últimas novedades aparecidas y mis experiencias en cliente con #infrastructureascode en #AWS. Vamos al lío 👇
Siempre me he sentido más atraido hacia el enfoque declarativo por su falsa sensación de control y orden, pero con configuraciones grandes, poder refactorizar el código hacia abstracciones propias y modificar su definición/parametrización con código ha sido determinante
En ese sentido, #cloudformation como tal siempre me ha parecido muy locura y un formato más de bajo nivel que otra cosa. En general siempre trabajo con herramientas que lo generan como #serverlessframework o #amplify
Read 18 tweets
⚛️ Create #React App (CRA) it's a wonderful tool, but IMHO it tries to do too much and tends to give you a bloated setup.

If you are like me and prefer to start simple and build incrementally, here's a React scaffold alternative in just 10 simple-ish steps!

🧵 A thread 👇
1. 🥳 Create and init your project

mkdir my-new-react-project && cd my-new-react-project && npm init -y
2. 🎁📦🎁 Let's install some dev deps:

npm i -D @babel/core @babel/preset-env @babel/preset-react babel-loader core-js html-webpack-plugin webpack webpack-cli webpack-dev-server
Read 11 tweets
Lots of talk about React suspense today. I’m very excited about it.

However, I feel like the patterns I’ve seen in #ReactQuery (and friends like SWR) have alone been more transformative for my own dev process and users and have even prepped me for suspense in a lot of ways.
Of course, Suspense isn’t out yet, and the ecosystem will likely experience a smash of collective inovation around it when it comes out. That’s the exciting part. But what I feel like I’m starting to realize after playing around with it is that in the end,
The biggest thing that suspense is going to do for me is just one thing: avoiding that flash of loading/placeholder for newly mounted components. Suspense doesn’t fetch, it doesn’t codesplit, it doesn’t preload for you and it doesn’t cache for you.
Read 11 tweets
1/7 I'm feeling generous, so here's the best beginner #React tutorial I've never written!

So, first thing you do in React? It's obvious, you jump right into calling some API to display some real data for your new app and you skip the boring "getting started" documentation!
2/7 But then you wonder: "How do I return the response from an asynchronous call?"…
3/7 Ok! It now logs the data, but it fails when you're trying to use it. It's because the console is tricking you:…
Read 7 tweets
Es un orgullo para la Comunidad de Desarrolladores de Argentina poder acompãnar iniciativas como el #ConnectDay junto a estas empresas @plataforma5la, @distillerylatam, @revistasg y @clarikagroup 💪
¡Hoy es el #ConnectDay! Desde CoDeAr estamos felices de poder acompañar a @wtmriodelaplata, @GDGCordobaARG, @gdgriodelaplata en este día de charlas y de compartir conocimiento en comunidad. Podés sumarte a la transmisión en vivo desde acá:
Comienza la primer charla sobre #DataScience y #Economía, en el contexto de las #transdisciplinas.
Read 118 tweets
My React Native Journey:
A while ago, I fell madly in love with #React. And recently delved into #ReactNative. My React Native journey hasn't been as smooth though. Due to the frequent updates of the react-native framework, existing tutorials quickly become outdated.
In this thread, I have curated some of the most relevant materials I have found, which have brought the much-needed balance to my learning journey. They are listed below:
1. The React Native Documentation: irrespective of what other material you chose. This always comes in handy for quick reference. And it's always up to date.
Read 16 tweets
🇩🇪 Achtung! 🇬🇧 Warning! 🇪🇸 ¡Al loro! 😊

⚠️📣 #Oferta de #empleo en @ITEISA:

Desarrollador Full Stack en #Cantabria 🚀:…

#git #php #javascript #horariolibre #remotefriendly

En los próximos días más ofertas de empleo en @ITEISA

🙏 Difusión ❤️ Image
@ITEISA @RedDempleos @quieroempleo @empleacantabria @CodersCantabria @CantabriaJob @Ceoecant @CamaraTorrelave @CamaraCantabria @cantabriajs ¿Harto de intentar aparcar en el @PctcanOficial? Nosotros en @ITEISA aparcamos en la puerta misma de la empresa. O en nuestro garaje privado. O metemos dentro las bicicletas y monopatines.

Otra razón más para venirte a trabajar con nosotros:… Image
Read 4 tweets
I'm doing #ReactHoliday again and I'm bringing it to to twitter

#React #CodeNewbie #AdventOfCode
#ReactHoliday Day 1: Extract A Component

Components are just functions that return React Elements...

#React #CodeNewbie #AdventOfCode
#ReactHoliday Day 2: Configure Components with Props

Props are a lot like function arguments... in fact, they are function arguments...

#React #CodeNewbie #AdventOfCode
Read 4 tweets
Want to learn hooks, but you've been too busy? ⏲

🔥 Here's a mini crash course just for you! 🔥

(code links at the end)

#React #javascript


Add state to function components by calling `useState`

and pass in the initial value

`useState` returns 2 values in an array:

1. the current value of the state
2. a function to update the state
Read 10 tweets
My concern with WordPress #Gutenberg is that WordPress core developers don't have anyone to nag them with the authoritative voice of the user.

Let me explain...
Here's what I mean. I've worked at 3 software companies and I've seen a dynamic play out that drives great product development.

Great products are developed when Sales and Support lobby Engineering over The Roadmap.
When Support has to save customer after customer because of the same problem, you best believe they will be in Engineering's ear

When a Sales woman loses a deal (and her commission) because of the lack of a feature, you better believe Engineering will hear about it

Read 14 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!