Discover and read the best of Twitter Threads about #TypeScript

Most recents (24)

¿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
Hoy en un nuevo episodio de Twitter es mi #StackOverflow, os traigo una duda de #Angular ❤️, que entre que soy junior y hace 🔟 meses que no lo toco aprox. lo tengo un poco oxidado. Dejo la duda por aquí, os cuento mis sospechas y a ver cómo lo resolvemos. #typescript #it
Aquí tenemos el menú que estoy intentando implementar. Este sería el HTML del componente public header. Teóricamente debería funcionar. #angular #programacion #typescript
Aquí tenemos el módulo de Layout, que creo que es por dónde puede estar el problema, pero no acabo de identificarlo. #angular #programacion #typescript #frontend
Read 8 tweets
#RxJS 🐉es una librería básica para trabajar con #Angular ❤️. ¿Quieres aprender a trabajar con esta librería GRATIS y DESDE CERO? ¡Adentro HILO 🧵! ⬇️⬇️⬇️ #frontend #programacion #software
En menos de 1⃣ hora, @domini_code nos hace una magnífica introducción a los conceptos básicos de #RxJS, a través de ejemplos prácticos. MUY recomendable. #frontend #angular #programacion #typescript #software
Este vídeo de Laith Academy da una introducción a esta librería, abordando los conceptos más básicos de una forma muy masticadita. 1⃣h para meter los pies en el barro de #RxJS de forma apropiada. #frontend #angular #programacion #typescript #software
Read 9 tweets
The #TypeScript compiler might not be the fastest - but why is that such a big problem?
"We have a large project" - I get that, but there are other things you can do that will impact development speed and DX:
1) decouple type checking from development

Coupling your dev server start & reload with type-checking is not only slow and mostly unnecessary, it's also hindering. Comment out one line of code, see an error in the browser because of unnecessary import... why?
TS6133: 'IconArrowRight' is declared but its value is never read.

I know, I'll fix it later. Who cares? TypeScript is perfectly capable of emitting JS even though you have type errors. Use that!
Read 10 tweets
Understanding directive composition API in Angular 15
@angular #angular #angular15 #typescript #javascript

It’s one of the most requested feature from the Angular community since 2016. (From Angular 2 onwards)

(1/n)
Create a stand alone directive and add some functionality like css style
Add it in the component declaration using
`hostDirectives` property
Read 11 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 16 tweets
Te dejo un HILO 🧵con los 5⃣ mejores recursos para #aprender #Angular ❤️ desde cero (Y GRATIS). ¡Sigue leyendo! #informatica #frontend #typescript
Aquí tienes un tutorial de casi 5⃣ horas de @domini_code dónde aprenderás desde los conceptos básicos de #Angular ❤️ hasta crear una aplicación sencilla para ponerlos en práctica #informatica #frontend #typescript #javascript
Si buscas algo más avanzado, aquí tienes un curso de 1⃣7⃣h de @freeCodeCamp dónde vas a ver desde lo más básico (introducción a #TypeScript 💙, introducción a #Angular ❤️) hasta conceptos más avanzados como Routing Avanzado, Formularios Reactivos...
Read 9 tweets
Master NodeJS for free.

Free resources & guides I wish I had 🥺😰

A Thread 🧵🧵

#100DaysOfCode #DearTechies #NodeJS
I studied top Node.js Engineers and this is what I learned.

Here is how to quickly Master Node.js.

What to learn:👇👇👇
Basic javascript ( array, map, reduce, ffilter string operations, ECMAscript..... more)

Resources
javascript.info

codecademy.com/learn/introduc…
Read 12 tweets
Master Backend Development for free.

Free resources & guides I wish I had 🥺😰

A Thread 🧵🧵
#100DaysOfCode #DearTechies
I studied top Backend Engineers and this is what I learned.

Here is how to quickly get started with Backend Engineering.
1. Web Development Fundamentals.

In every career path, learning the basics is paramount. The same is said for backend engineers.

It would help if you learned the basics of:
a. HTTP
b. Hosting
c. HTML & CSS
d. JavaScript
e. Some Frontend Frameworks
f. Internet

Resources 👇👇👇
Read 16 tweets
TS-Pattern is over 3K ⭐️ on GitHub now! This is nuts 🤯

I started TS-Pattern as an experiment to see how far the type system of #TypeScript could go.

Here are 4 of my favorites features I've built into TS-Pattern! 🧵👇 Image
First, keep in mind that Pattern Matching is usually a language feature.

Trying to make a library as good as native support is challenging! A key aspect of this is type inference.

The features I'll talk about have little to no runtime. It's only types!
Feature nº1: Type narrowing 🔎

TS-Pattern infers a precise type for your input based on the pattern you provide:
Read 8 tweets
"Yo, why are #JavaScript and its ecosystem so messy?!" 😡

Well, I am glad you asked... Let me tell you a story! 🤓

🧵👇
For starting... #JavaScript was not designed to be the language that it is today!

JS was created in 1995 by @BrendanEich for Netscape, a web browser that was trying to come up with a language to make the web more interactive
@BrendanEich #JS wasn't related w/ #Java, so why did they call it Java-Script?! Duh! 😳

Java was trendy! it was possible to build interactive sites by embedding Java apps in pages (applets). So it was mostly a #mktg move: "JS: the lightweight Java alternative" or something like that I guess
Read 40 tweets
Hace 20 años cuando empece a programar me inventaba mis propios proyectos para practicar y mejorar.

✨ Tú no tienes que hacer eso ✨

Te dejo 10 #sitiosweb para practicar y mejorar tus skills como programador.

❤️ ¿Me ayudas con un RT?
Empecemos con el más conocido, HackerRank.

No solo tiene ejercicios de algoritmos, sino también una sección para prepararte para una entrevista.

Además, tener un buen puntaje en HR te puede sumar puntos cuando estés buscando empleo.

hackerrank.com
Code Wars tiene "kata" que son pequeños ejercicios de código para afianzar tus conocimientos.

Soporta desde #JavaScript hasta #Ruby o #Go o #PHP, lo que quieras.

Los ejercicios comienzan fácil, pero se van poniendo más complicados.

codewars.com
Read 12 tweets
🧵Spent an hour this week with a squad building new #Serverless API on #AWS.
My main advises were-
- Break-down the #domain & think of set-piece #microservices
- Identify sync & async parts
- Think #events & event-driven
- Do event storming & develop event-driven thinking
1/3
- Identify core & support #microservices
- Perform data modelling for each microservice - queries, indexes...
- Follow #API guidelines
- Remember you're building an intelligent service. Not a proxy to 3rd party
- Make your service's contract with its clients as simple & easy
2/3
- Don't build a #monolith microservice
- #Observability - structure logs, metrics, monitoring
- API usage plan for each client & monitor
- Native #serverless service integration
- Reach out to experts for help

They're on separate #AWS a/c, repo, #CDK & #typescript. Happy😀👍
3/3
Read 3 tweets
More helpful examples in the #ElrondDevGuild. Scripts in #Python #Typescript, smart contract examples, and complete #dapp template. A must-have bookmark for every #Elrond #developer
github.com/ElrondDevGuild
Also, the Guild has opened its library. For now, there is an intro article for new $egld warriors. Check it out: elrond-dev-guild.gitbook.io/scrolls/. It will have more 'scrolls' soon. Keep an eye on it!
Read 3 tweets
Segunda feira é dia de dica de ouro e essa aqui é uma técnica para te ajudar a extrair elementos de um Array (ou qualquer objeto) usando destructuring em #JavaScript 🔥🧵 /1
Destructuring é uma forma sensacional de extrair somente o necessário dos objetos, como no exemplo:

const obj = {name: 'test', a1: 1, a2: 2, a3: 3}

const { name } = obj // extrai apenas o nome e ignora o resto /2
ou até, remover uma propriedade e assinar as propriedades restantes à outra variável:

const {name, ...allWithoutName} = obj
// allWithoutName terá todas as props exceto o name /3
Read 8 tweets
1/ While working @metaplex I created a few tools to make working with #Solana more fun and productive.

I'll introduce them in this thread. 🧵 Image
2/ First up, amman-explorer.metaplex.com connects with a locally running #solana validator, tracks recent transactions, labels accounts, and deserializes account data to help you diagnosing issues and understanding how your transactions execute. ImageImage
3/ In order to allow testing NFT uploads in your local environment, amman includes a mock storage server.

The locally uploaded NFTs even show up in your wallet. Image
Read 7 tweets
Hace 20 años cuando empece a programar me inventaba mis propios proyectos para practicar y mejorar.

✨ Tú no tienes que hacer eso ✨

Te dejo 10 #sitiosweb para practicar y mejorar tus skills como programador.

❤️ ¿Me ayudas con un RT?
Empecemos con el más conocido, HackerRank.

No solo tiene ejercicios de algoritmos, sino también una sección para prepararte para una entrevista.

Además, tener un buen puntaje en HR te puede sumar puntos cuando estés buscando empleo.

hackerrank.com
Code Wars tiene "kata" que son pequeños ejercicios de código para afianzar tus conocimientos.

Soporta desde #JavaScript hasta #Ruby o #Go o #PHP, lo que quieras.

Los ejercicios comienzan fácil, pero se van poniendo más complicados.

codewars.com
Read 12 tweets
Complete TypeScript Guide | Generic Types

Your guide to migrating from JavaScript to TypeScript.

💙💙💙 (Part 3 of 3 Mega 🧵 on TS) Image
Missed part 2?

Here’s it is for those who missed or want to review 👇
Type Compatibility

defines which type can be assigned to which type.

Different types which are incompatible cannot be assigned to each other.

See the following example: Image
Read 21 tweets
As a follow on to yesterday’s post (inspired by @dagda1's question), what is the difference between using any[], unknown[] or never[] as constraints to the function rest parameter in #TypeScript ?

1/6🧵

The answer is that if you use a type parameter for the args, there isn’t much difference. You can’t call the function with anything that isn’t typed as A, since you can’t assign a concrete type to a type parameter.
2/6🧵
typescriptlang.org/play?#code/GYV…
If the rest parameter is in a function type constraint (the way I recommend you don’t do in the previous post), then we get differences.
3/6🧵
Read 6 tweets
Habit: When declaring REST API response types via #TypeScript, I only declare properties for the fields we use.

Benefits:
1. The type is simpler.
2. The type contains no noise. All properties are relevant.
3. The type is handy for mocks. It declares only the properties we use.👍
This tip applies to GraphQL too. I don't want to work with a generated response type that contains 100 optional properties if we only use 5. So when in GraphQL, I create a type for each unique query.
To clarify, generated types are great. 👍 I just don't want to use them directly because they often contain properties I don't need or use.

So, I use TypeScript's Pick or Omit utility functions to derive my own more narrow types.

Example:
Read 3 tweets
#TypeScript хорош только в кусочках кода, размером с экран, но в больших проектах начинается зацепление типов, это дополнительный #coupling
1. Не любая конструкция джаваскрипт может быть типизирована тайпскриптом, а то, что это надмножество - это просто маркетинговое вранье.
2. Иногда он неправильно обрабатывает типы и находит ошибки там, где их нет, а пропускает там, где они есть.
Read 12 tweets
[Thread] Autour du projet @airswap, un #DEX peu connu de nom mais que vous avez probablement utilisé sans le savoir.

Son histoire, l'utilité et ce qu'il apporte à l'écosystème #crypto, vous saurez tout.

Un #thread en collab avec @TheDiggers_io pour la sortie du site web ! Image
Ce #thread fait suite à l'AMA réalisé sur le Discord @TheDiggers_io dont l'objectif est un récapitulatif global.

Nous allons aborder l’histoire du projet, ses fonctionnalités et ce qu’il apporte par rapport aux autres #DEX.

Un tour complet sur un #projet ancien mais prometteur. Image
L'histoire

1er choc mes amis, @airswap a été fondée en 2017 par Michael Oved et Don Mosites issue d’une start-up aux US.

A l’origine, leur but était de #dev des systèmes de #trading de façon totalement décentralisée.

En parallèle, ils ont aussi fondé la plateforme @fluidityio Image
Read 30 tweets
Want to skyrocket your knowledge on #react & #reactnative? Lay your eyes on last month’s popular videos in our collection! 🤩
🥳
blog.meetupfeed.io/react-and-reac…

#react #reactnative #DevVideo @Frontend_Love @react_native_eu @yuriymatso
At first, @dariacaraway guides you through the building of considerate #React component APIs with #TypeScript🥳
meetupfeed.io/talk/daria-car…
Secondly, Paweł Trysła uncovers the secrets of code splitting using the power of Webpack.🔝 @_zamotany
meetupfeed.io/talk/react-nat…
Read 9 tweets
Looking for the best #TypeScript related videos in September? Look no further, we have already selected them for you!🥳

blog.meetupfeed.io/typescript-sep…

#TypeScript #DevVideo @prisma
🔥First up: Mughees Ilyas talking about the understanding of alias types and tuples 101 🔥

meetupfeed.io/talk/type-scri…
Following by Simon Knott (@skn0tt ), who takes the introduction of RTW to a whole new level 🔝

meetupfeed.io/talk/type-scri…
Read 6 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!