Discover and read the best of Twitter Threads about #react

Most recents (24)

🧵1/ Just attended a 🔥 @LangChainAI webinar on AI agents, ft. some of the brightest minds in the space! Let's unpack the key takeaways & explore the cutting-edge work being done.

Guests:
@charles_irl
@ShunyuYao12
@mbusigin
@yoheinakajima
@hwchase17
@LangChainAI @charles_irl @ShunyuYao12 @mbusigin @yoheinakajima @hwchase17 🧠2/ Shunyu introduced the core idea of his #ReAct paper, which adds a "thought" between Action & Observation. The open question is, do we need a strict pattern of Thought-Action-Observation or should we just add thoughts as a special type of action, offering more flexibility?
@LangChainAI @charles_irl @ShunyuYao12 @mbusigin @yoheinakajima @hwchase17 🤖3/ Yohei built babyAGI, inspired by #HustleGPT. He used GPT-4 to create an autonomous Founder Bot, even penning a "scientific paper" about it. BabyAGI focuses on completing, generating, and prioritizing tasks. #BabyAGI
Read 16 tweets
ChatGPT for Coding 🤯

Github launches copilot X: The ultimate AI powered developer experience!

It brings ChatGPT like experience to your code editor with AI enabled auto Pull Requests and AI powered search for your documentation.

(A thread) 🧵👇 twitter.com/i/web/status/1…
Introducing Copilot for Pull Requests: AI-generated descriptions & tags powered by GPT-4!

Level Up your PR process with this game-changing new AI feature by GitHub 🔥
Introducing GitHub Copilot for Docs: AI-powered answers to your documentation questions at your fingertips!

Starting with #React, #AzureDocs, and #MDN, say hello to a smarter way to explore docs for your favourite languages, frameworks, and technologies.
Read 7 tweets
1. Google

Design and build beautiful, usable products with Material 3

m3.material.io"
2. Apple

The Human Interface Guidelines contains guidance and best practices that can help you design a great experience for any Apple platform

developer.apple.com/design/human-i…
Read 12 tweets
#willwritesandcodes #100DaysOfCode #Day30

Today was a great family day-

also studied some

Looked over my #Cpp cards

@enkidev:
2 Docker lessons
4 #CSS lessons (next #Sass)
pseudocode for binary search algorithm

closely read #Knuth's flowchart for #ArtofComputerProgramming
@wildlearnerapp's #React course has taught me more so far than at least one other online course, if not two others.
My strategy is #repeatedexposure - the more I get aquainted with a lot of the concepts, the easier I find it to engage in coding itself, its concepts, syntax, & logic --- especially since I have such a hard time getting to sit down to actually code, given my job and family life.
Read 5 tweets
Ya sabes que #Web3 es un ecosistema incipiente pero con gran futuro del #SectorIT. ¿Quieres aprender sobre el futuro de la #web con 4⃣ recursos 🔝🔝 GRATIS y 1⃣ de pago? En este HILO 🧵lo tienes TODO ⬇️⬇️⬇️ #blockchain #programacion #software #it
Como introducción, en sólo 2⃣h, @midudev con @gndx nos ofrecen esta tremenda introducción a #web3 con #javascript 💛 #programacion #blockchain #informatica #tecnologia
Si estás un poco perdido con el tema de #Web3, este vídeo de @CaveCoder es ORO puro. Un roadmap con todo lo que necesitas para adentrarte en este ecosistema. MUY 🔝🔝 #informatica #blockchain #bitcoin #programacion #tecnologia
Read 9 tweets
Cuando eres #programador #junior, una de las cosas más difíciles a superar de un proceso de selección son las #pruebastecnicas 💻En este HILO 🧵te voy a dejar 5⃣ recursos GRATIS 🔝🔝 para que puedas superar las pruebas técnicas de nivel junior con más facilidad ⬇️⬇️⬇️ #it
En este vídeo de @powerhdeleon de 2⃣0⃣ minutos tienes 5⃣ de las pruebas técnicas más comunes planteadas para #programadores #junior resueltas 🔥🔥 #informatica #software #it
En este vídeo de 1⃣5⃣ minutos del gran @MoureDev tienes 6⃣ pruebas técnicas de las más comunes planteadas para #programadores #junior resueltas 🔥🔥 #informatica #software #it
Read 7 tweets
¿Eres junior y te dan miedo las entrevistas técnicas? 😅🤔 Te voy a dejar 5⃣ recursos 🔝 totalmente GRATUITOS para que mejores muchísimo haciendo entrevistas técnicas y puedas conseguir ese trabajo que tanto quieres. 🧵HILO ⬇️⬇️⬇️ #informatica #tecnologia #programacion #it
En primer lugar, si estás buscando tu #primerempleo, este vídeo de @AlgoritmoSalvaj te servirá como base para NO cometer los 5⃣ errores más comunes que cometen los devs junior cuando lo buscan. ❌ ¡NO los cometas! #informatica #tecnologia #programacion
Para continuar, en este vídeo @victorobs aborda preguntas que son típicas de entrevistas y test para #programadores #junior. ¡Échales un vistazo y prepara tus próximas entrevistas! 💪😎 #informatica #tecnologia #programacion
Read 7 tweets
Arquitetura de pastas para projetos #React

Minha base são as arquiteturas: #ITCSS e #RSCSS.

Visão geral do projeto e na thread mostro como organizo a pasta 📂𝙨𝙧𝙘

📂.𝚐𝚒𝚝𝚑𝚞𝚋
📂.𝚟𝚜𝚌𝚘𝚍𝚎
📂𝚊𝚙𝚒
📂𝚙𝚞𝚋𝚕𝚒𝚌
📂𝙨𝙧𝙘📌
∟📂🧵

📌Onde está
🧵Próximo passo
📂𝙨𝙧𝙘📌
∟📂𝚊𝚜𝚜𝚎𝚝𝚜🧵
∟📂𝙶𝚕𝚘𝚋𝚊𝚕𝚂𝚝𝚢𝚕𝚎𝚜
∟📂𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜
∟📂𝚕𝚊𝚢𝚘𝚞𝚝𝚜
∟📂𝚙𝚊𝚐𝚎𝚜
∟📂𝚜𝚎𝚛𝚟𝚒𝚌𝚎𝚜
∟📄𝚖𝚊𝚒𝚗.𝚓𝚜𝚡
∟📄𝚛𝚘𝚞𝚝𝚎𝚛.𝚓𝚜𝚡
📂𝙨𝙧𝙘
∟📂𝚊𝚜𝚜𝚎𝚝𝚜📌
∟📂𝚏𝚘𝚗𝚝𝚜
∟📂𝚒𝚖𝚊𝚐𝚎𝚜
∟📂𝚒𝚌𝚘𝚗𝚜
∟📂𝙶𝚕𝚘𝚋𝚊𝚕𝚂𝚝𝚢𝚕𝚎𝚜🧵
∟📂𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜
∟📂𝚕𝚊𝚢𝚘𝚞𝚝𝚜
∟📂𝚙𝚊𝚐𝚎𝚜
∟📂𝚜𝚎𝚛𝚟𝚒𝚌𝚎𝚜
∟📄𝚖𝚊𝚒𝚗.𝚓𝚜𝚡
∟📄𝚛𝚘𝚞𝚝𝚎𝚛.𝚓𝚜𝚡
Read 17 tweets
Crea tu #GitHubUnwrapped con el resumen de tu año en @GithubLatam en un simpático vídeo
Ve a la siguiente URL y pon tu nombre de usuario. También puedes elegir el color temático para el vídeo

githubunwrapped.com
Está hecho con @remotion_dev una herramienta para crear vídeos con #React ⚛️

La App de #GithubUnwrapped es Open Source y puedes ver si código aquí

github.com/remotion-dev/g…
Read 5 tweets
1. Math and Statistics
Intro to Statistics - Udacity
🌐 bit.ly/3GMZe5n

Statistics - Udacity
🌐 bit.ly/3VKKzfB

Statistical Learning - Stanford University
🌐 bit.ly/3VqA5Sj
2. Excel
Introduction to MS Excel - Simplilearn
🌐 bit.ly/3u1h1OJ

Microsoft Excel: Online Tutorial for Beginners - Chandoo
🌐 bit.ly/3XzUHJO

Microsoft Excel Tutorial for Beginners - Free Code Camp
🌐 bit.ly/3Vax74G
Read 7 tweets
¿Quieres practicar haciendo proyectos con #React 💙 y no tienes ni idea de qué hacer? ¡En este HILO 🧵te dejo 5⃣ proyectos 🔝 con React para crecer como #programador! #informatica #frontend #javascript #typescript
Este vídeo de 5⃣h aprox. de @vidamrr es 🔝. 5⃣ proyectos para aprender desde un nivel más básico: lista de tareas, widget de clima 🌥️, selector de emojis... #informatica #frontend #javascript #typescript
Aquí @vidamrr nos trae 5⃣ proyectos de #React 💙 más avanzados: un acortador de URLs, un clon de TikTok, componentes estilo Notion... #informatica #frontend #javascript #typescript
Read 10 tweets
⚛️10 reasons to prefer useReducer over useState:

1.  Separates reads from writes.

2. Avoids useState pitfalls. You should use functional setState to safely update state using existing state. With useReducer, you can't mess this up.

3. Easy to test. It's a pure function.

#react
4. Typically simplifies useEffect by removing unnecessary dependencies

5. Centralizes state writes, which is often easier to understand

6. Elegantly handles related state (Note you can also use objects with useState to compose data that changes together)
7. Can easily store the entire state tree in localStorage

8. Can pass dispatch down to avoid passing many callback funcs on props

9. Can easily log all actions since they're centralized

10. Moving state management to a separate file makes the component easier to understand.
Read 5 tweets
💻¿Dónde y cómo subir tu NIVEL de programación?

🚀 Te enseño como y lo mejor de forma GRATUITA

[ SUPER HILO ]⬇️
Primero debes tener en cuenta
¿Qué quieres mejorar y por qué? 💻

Aqui te dejo lo necesario sea cual sea tu respuesta 👇
📌 Estás empezando con HTML y CSS y quieres retos básicos de maquetado para practicar?

Frontendmentor es la mejor opción por su variedad de challenges y de distinta dificultad 🧑‍💻

frontendmentor.io/challenges
Read 12 tweets
Hello hello London! 👋🏻 We’re at IET Savoy Place, London for DSS London 2022 by #YugaByteDB. It’s gonna be super interesting tech session starting at 2 pm today! Don’t miss my #Live #Tweets in this #thread! 🤩🧵
@Yugabyte #DSS22 #DistributedSQL #PraveenScience ImageImageImageImage
Yes, the setup is going on for the grand presentation of the #Tech #Track. The master is teaching the student here! #JustKidding Say hi to Julie Wise and Dave Roberts from #YugaByteDB! 👋🏻

@Yugabyte #DSS22 #DistributedSQL #PraveenScience ImageImage
We’ve got our Social Media / Content Director @rachel_pescador from #YugaByteDB here, who’s busy at work and got some cool #swag! 🤩

@Yugabyte #DSS22 #DistributedSQL #PraveenScience ImageImageImage
Read 19 tweets
Would you like to take a deep dive into #React materials and uncover all the know-how of standing out of the crowd with your expertise? Say no more! We’ve hand-selected the best 7 meetups for you to learn from. Enjoy!

blog.meetupfeed.io/7-react-must-k…
Here we talk about how to debug your react and Node application and what to communicate when talking at others. via @DamianMontero

meetupfeed.io/talk/how-to-de…
Handling Data at Scale for React Developers
@ReactSummit @TejasKumar_

meetupfeed.io/talk/handling-…
Read 9 tweets
Bienvenidos a mi twitter profesional. Aquí encontrarás contenido relacionado con #programacion 💻y #psicologia 🧠. ¡Sígueme para no perderte nada de este contenido! Aquí te dejo todos los hilos que he ido haciendo, con muchísimo contenido útil y gratis. Hope it helps 😉⬇️⬇️⬇️ #it
Read 22 tweets
20 años programando #web. Si tuviera que aprender desde cero hoy, haría esto...

🧵 THREAD
¡Arranco con el de @Platzi que es gratis y tiene profesores TOP!

platzi.com/programacion

Me aseguro de entender lo básico:

- Condiciones
- Loops
- Variables
- Funciones
- Y un poco de HTML, CSS y JavaScript
En este punto ya estoy familiarizado con HTML y CSS

Sigo con el curso de #ResponsiveWebDesign de @freecodecamp.

Este es un curso con proyectos y así es como se aprende mejor, haciendo.

Además, tiene gatitos.

freecodecamp.org/learn/2022/res…
Read 21 tweets
React: The Good Parts™

Core API:
1. Function components
2. JSX
3. useState
4. useReducer
5. useRef
6. lazy
7. Suspense

Ecosystem:
1. TypeScript
2. Vite/Next/Remix
3. React Router
4. React Query
5. react-error-boundary
6. clsx
7. testing-library

#react
What I mean by “The Good Parts”:

React’s API has grown. And the ecosystem is massive. So it's hard to choose.

"The Good Parts" are React’s best features and most trusted ecosystem projects.

The other stuff isn’t “bad”. But "The Good Parts” are often all I need.
Why didn't I list context?

- It's often unnecessary with react-query (most state is remote)
- Not designed for frequent updates
- Many third party state libraries provide similar benefits and better performance (Zustand, Signal, Jotai, Valtio, Redux, and Legend to name a few).
Read 5 tweets
Ok, let's try something different. Useful technical/business thread for #web #makers from me.

🔌 How to build @atlassian Jira App (in #React) and business around it and why you should actually think of it!

Thread: 🧵
@Atlassian 2/12 We started @testomatio (test management system for #qa) as a classical #SaaS app but at some point, we built a Jira plugin as a complimentary interface.

The feedback from clients surprised us. Some clients preferred to use @testomatio only via Jira plugin

Why? 👇
3/12 Jira is still the source of truth for many companies in the world. And if you want to win small & big you should adjust to business needs. And business works primarily on Jira.

One unobvious conclusion:

Business doesn't want to have another app or even leave Jira
Read 13 tweets
🌅 Buenos días 🌅

🌟 Aprender #frontend. El path más perfecto jamás creado (es broma ¿o no?)

1. #HTML y #CSS
2. Proyecto
3. Proyecto
4. Proyecto
5. #JavaScript y proyecto
6. Proyecto
7. #React y proyecto
8. Y más proyec...

Te dejo 4 sitios donde encontrar proyectos 🧵
Resuelve los desafíos de #HTML, #CSS y #JavaScript del mundo real mientras trabajas con #disenosui profesionales.

frontendmentor.io/challenges
Mejora tus conocimientos de #HTML y #CSS practicando con plantillas de diseño reales. Y ofrecen un canal de Slack para preguntas y dudas.

codewell.cc/challenges
Read 6 tweets
J'en vois beaucoup qui galèrent avec React…

Car ils font une app avant de comprendre la base

On va faire du React dans un fichier HTML, sans JSX pour comprendre cmt ça marche

#RT ❤️

Petit thread 👇 #thread #react + une vidéo YTB pour tout comprendre
Donc React c'est une library JavaScript où tout est JavaScript !

C'est possible de faire du React super facilement sans même Next / CRA etc...

On a l'impression que pour l'utiliser c'est lourd, mais avec 26 lignes de code l'app est ready
Qu'y a-t-il dans cette app ?

Une div #root qui est la div dans laquelle React va afficher le rendu

Ensuite avec les CDN de React reactjs.org/docs/cdn-links… on ajoute React et ReactDOM !

Puis, dans un script, on récupère le RootElement avec du JS basique
Read 14 tweets
We’ve brought you 8 #meetups from last month to freshen up your knowledge in React a little.
Bury yourself in these #tech talks and learn about the most recent updates and methods in #React from experts all over the world.

blog.meetupfeed.io/react-tech-tal…
The Worlds Most Expensive React Component via @chantastic
We need to stop building expensive #React #components — components that promise the world but are impossible to maintain. Watch this video for a more productive way of working in React.

meetupfeed.io/talk/the-world…
The Stack of the Future via @kentcdodds
In this talk, Kent shows you how #Remix can help you get started with a solid foundation so you can focus on building out your ideas.

meetupfeed.io/talk/kent-c-do…
Read 10 tweets
From today I'm starting posting contents related to Web Development and Computer Science in general. Hope you'll like it and share it.
#javascript #webdeveloper Image
Global Execution Context
#javascript #webdevelopment Image
Read 54 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!