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
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
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…
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 🔥
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.
Starting with #React, #AzureDocs, and #MDN, say hello to a smarter way to explore docs for your favourite languages, frameworks, and technologies.
10 Useful Design Systems to Learn From (Mega thread) 👇🧵
#ui #uidesign #ux #uxdesign #design #productdesign #designsystems #uikit #sketch #figma #adobexd #google #apple #ibm #airbnb #audi #shopify #ecommerce #atlassian #webdev #ios #materialdesign #iphone #react #js #css
#ui #uidesign #ux #uxdesign #design #productdesign #designsystems #uikit #sketch #figma #adobexd #google #apple #ibm #airbnb #audi #shopify #ecommerce #atlassian #webdev #ios #materialdesign #iphone #react #js #css
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…
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…
#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
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.
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
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
¿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
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
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
📂𝙨𝙧𝙘📌
∟📂𝚊𝚜𝚜𝚎𝚝𝚜🧵
∟📂𝙶𝚕𝚘𝚋𝚊𝚕𝚂𝚝𝚢𝚕𝚎𝚜
∟📂𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜
∟📂𝚕𝚊𝚢𝚘𝚞𝚝𝚜
∟📂𝚙𝚊𝚐𝚎𝚜
∟📂𝚜𝚎𝚛𝚟𝚒𝚌𝚎𝚜
∟📄𝚖𝚊𝚒𝚗.𝚓𝚜𝚡
∟📄𝚛𝚘𝚞𝚝𝚎𝚛.𝚓𝚜𝚡
∟📂𝚊𝚜𝚜𝚎𝚝𝚜🧵
∟📂𝙶𝚕𝚘𝚋𝚊𝚕𝚂𝚝𝚢𝚕𝚎𝚜
∟📂𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜
∟📂𝚕𝚊𝚢𝚘𝚞𝚝𝚜
∟📂𝚙𝚊𝚐𝚎𝚜
∟📂𝚜𝚎𝚛𝚟𝚒𝚌𝚎𝚜
∟📄𝚖𝚊𝚒𝚗.𝚓𝚜𝚡
∟📄𝚛𝚘𝚞𝚝𝚎𝚛.𝚓𝚜𝚡
📂𝙨𝙧𝙘
∟📂𝚊𝚜𝚜𝚎𝚝𝚜📌
∟📂𝚏𝚘𝚗𝚝𝚜
∟📂𝚒𝚖𝚊𝚐𝚎𝚜
∟📂𝚒𝚌𝚘𝚗𝚜
∟📂𝙶𝚕𝚘𝚋𝚊𝚕𝚂𝚝𝚢𝚕𝚎𝚜🧵
∟📂𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜
∟📂𝚕𝚊𝚢𝚘𝚞𝚝𝚜
∟📂𝚙𝚊𝚐𝚎𝚜
∟📂𝚜𝚎𝚛𝚟𝚒𝚌𝚎𝚜
∟📄𝚖𝚊𝚒𝚗.𝚓𝚜𝚡
∟📄𝚛𝚘𝚞𝚝𝚎𝚛.𝚓𝚜𝚡
∟📂𝚊𝚜𝚜𝚎𝚝𝚜📌
∟📂𝚏𝚘𝚗𝚝𝚜
∟📂𝚒𝚖𝚊𝚐𝚎𝚜
∟📂𝚒𝚌𝚘𝚗𝚜
∟📂𝙶𝚕𝚘𝚋𝚊𝚕𝚂𝚝𝚢𝚕𝚎𝚜🧵
∟📂𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜
∟📂𝚕𝚊𝚢𝚘𝚞𝚝𝚜
∟📂𝚙𝚊𝚐𝚎𝚜
∟📂𝚜𝚎𝚛𝚟𝚒𝚌𝚎𝚜
∟📄𝚖𝚊𝚒𝚗.𝚓𝚜𝚡
∟📄𝚛𝚘𝚞𝚝𝚎𝚛.𝚓𝚜𝚡
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
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…
La App de #GithubUnwrapped es Open Source y puedes ver si código aquí
github.com/remotion-dev/g…
👨💻 Data Analysis Roadmap with FREE resources 💸
#BigData #Analytics #DataScience #AI #MachineLearning #IoT #PyTorch #Python #RStats #TensorFlow #Java #JavaScript #ReactJS #React #Serverless #DataScientist #Programming #100DaysofCode #DevOps #SQL #CyberSecurity #Flutter #PHP
#BigData #Analytics #DataScience #AI #MachineLearning #IoT #PyTorch #Python #RStats #TensorFlow #Java #JavaScript #ReactJS #React #Serverless #DataScientist #Programming #100DaysofCode #DevOps #SQL #CyberSecurity #Flutter #PHP
1. Math and Statistics
Intro to Statistics - Udacity
🌐 bit.ly/3GMZe5n
Statistics - Udacity
🌐 bit.ly/3VKKzfB
Statistical Learning - Stanford University
🌐 bit.ly/3VqA5Sj
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
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
¿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
⚛️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
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)
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.
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.
💻¿Dónde y cómo subir tu NIVEL de programación?
🚀 Te enseño como y lo mejor de forma GRATUITA
[ SUPER HILO ]⬇️
🚀 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 👇
¿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
Frontendmentor es la mejor opción por su variedad de challenges y de distinta dificultad 🧑💻
frontendmentor.io/challenges
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
@Yugabyte #DSS22 #DistributedSQL #PraveenScience
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
@Yugabyte #DSS22 #DistributedSQL #PraveenScience
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
@Yugabyte #DSS22 #DistributedSQL #PraveenScience
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…
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…
meetupfeed.io/talk/how-to-de…
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
Los mejores recursos GRATIS para comprender #React #Context 🔯 #reacthooks #typescript #javascript #frontend
Los mejores recursos GRATIS para aprender #Angular ❤️desde CERO #typescript #javascript #frontend #programacion
¡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
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…
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…
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
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.
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).
- 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).
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: 🧵
🔌 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? 👇
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
One unobvious conclusion:
Business doesn't want to have another app or even leave Jira
🌅 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 🧵
🌟 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
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
codewell.cc/challenges
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
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
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
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
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…
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…
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…
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…
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
#javascript #webdeveloper
