TotalTypescript - Write your own 'PropsFrom' helper to extract props from any React component

Second day is 22km to walk. Lima has 2 restaurants in the global top 10 (Central is the best restaurant in Latin America).. Chá de munia é bom pra altitude. Hiking the Salkantay Trek to Machu Picchu �...

Travel - Peru

TS Pattern - Prevent new types not being check by pattern matching without throwing an error

TS Pattern

TypeScript Array Type Guards

Sempre observe as placas nas praias falando se a agua é própria pra banho.. Tem café da manhã caprichado.. Comentaram que ficando perto dos pontos turísticos, é difícil ter problema com segurança, mas...

Travel - São Luís - Maranhão

Only one 'not' condition is allowed per container query and cannot be used with the and or or keywords.. It is possible to nest container queries which has the same effect.. The following container qu...

CSS Container Queries

Large viewport height and width (lvh and lvw), which represent the largest size.. Note that the dynamic viewport units do not take the presence of the Virtual Keyboard into account....

CSS dynamic viewport units

CSS has Selector

CSS initial-letter property

special) will filter only the children with...

CSS nth-of Selector

CSS Style Queries

CSS text-wrap balance

Qual é o melhor investimento para você?. Quem define é o Banco Central.. É você emprestando e cobrando juros do banco.. Se o banco quer pegar dinheiro emprestado, ele cria o CDB dele e coloca no merca...

Estudo sobre Cashback e Milhas

The engineer who doesn’t look good on paper.. Our hypothesis was that having one or more certifications on your profile would have a strong negative correlation with your interview performance.. We sa...

Why you shouldn’t list certifications on LinkedIn

Reading or writing to an invalid memory address (Native code somewhere trying to use a null pointer as a memory address);. When you use native addons (C++ addons) (either directly, or because one of y...

How to Debug Node.js Segmentation Faults

timeline is used to create complex sequences of animations across multiple elements.. flubber library is responsible for mashing the d attribute of the SVG path tag, they will create the adjustments b...

Motion.js

Use multithreading when available.. In the post is used NGINX.. Use cache to return faster the requests that have the same input....

Performance and Scalability Essentials for Web API Beginners

CSS scroll snapping allows you to lock the viewport to certain elements or locations after a user has finished scrolling.. When the container element is scrolled, it will snap to the child elements yo...

Practical CSS Scroll Snapping

By putting the value as the first parameter we can have better type completion because the library will know before which value they need to handle with the utility functions....

Remeda.js

In 2005, Alistair Cockburn realized that there wasn’t much difference between how the user interface and the database interact with an application, since they are both external actors which are interc...

Hexagonal Architecture, there are always two sides to every story

They use Synchronous Python (I/O blocks processing, like network requests), they tried asynchronous but had a lot of bugs with the library, too much technical effort for almost none benefit....

In defense of simple architectures

Effect is a lazy promise, describes your intention, and you execute the start after the configuration (effect to a fiber)....

Introduction to Effect, Michael Arnaldi, WorkerConf 2022 Dornbirn

Temporary queues help you save development time and deployment costs when using common message patterns such as request-response.. When a temporary queue is no longer in use, the client cleans up the ...

Amazon SQS temporary queues

SNS is a distributed publish-subscribe service.. Amazon SNS is a fast, flexible, fully managed push notification service that lets you send individual messages or to bulk messages to large numbers of ...

AWS - Difference between SQS and SNS

It consists of two important parts, one is Topics and the other is Subscriptions.. Is a fully managed message queuing service....

AWS SNS and SQS

NET MVC Application (9 of 10). In this github issue we can see a good discussion about the ways we can handle it.. PS 2 Unit of work is the same code that I created to solve database transactions wher...

Clean architecture and Domain Driven Design - How to handle DB Transactions

The controllers would access the current user's credentials and pass that information to the interactors.. Normal web channel will probably have the session cookie with user_id in it....

Clean architecture and Domain Driven Design - How to handle Permission

This is validation. In this layer, validation means protecting the system at low level.. The responsibility of this layer is converting data from one’s format to another one’s.. In this layer, validat...

Clean architecture and Domain Driven Design - Input Validation

However, it sits at a higher level closer to the business logic of an app.. Consequently, a repository can use a DAO to fetch data from the database and populate a domain object.. And, a repository is...

DAO vs Repository Patterns

Its a technic to allow unbranded values to be implicity converted into the branded type, but doesnt allow implicit conversion between branded types.. When we want to write a code that can safely assum...

Flavoring - Flexible Nominal Typing for TypeScript

WHAT The event handler is a closure that contains the behavior of the event handler.. APP_STATE the state of the application.. By downloading and executing the components currently in the HTML....

Hydration is Pure Overhead

Intermock

Em casos onde temos interações com outros serviços no meio, pode-se ter atraso ou até perda de todo o processo, fazendo com que o modelo sincrono seja ruim nesses casos.. Exemplo. Você não pode recebe...

Managing backend requests and frontend notifications in serverless web apps

Mapped type MODIFIERS in TypeScript - Advanced TypeScript

O que é ACID

For example, when API Gateway and Lambda interact, there is no concept of load balancing available since it is entirely managed by the services.. Lambda provides an initializer before the handler wher...

Operating Lambda Design principles in event-driven architectures – Part 2

Lambdas são propositalmente limitados em 15 minutos, porem em média, através de todos os clientes da AWS, a maioria das invocações de funções duram menos que 1 segundo.. Eventos são imutáveis e o temp...

Operating Lambda Understanding event-driven architecture – Part 1

Is important to know that if you want to work with Streams you'll need to work with a pipeline.. txt file with 50GB of size, so if you try to handle this large archive not using streams, you'll probab...

Playing with Node.js Streams

pnpm vs npm - Why pnpm

PropertyKey - TypeScript Secrets

Listeners - locate event listeners and install them on the DOM nodes to make the application interactive.. The frameworks have to download all of the component code associated with the current page.. ...

Qwik

Rafael Correa - Observable with React State

React 18 useEffect Double Call for APIs - Emergency Fix

ReactJS startTransition and useTransition (React concurrent features) - in 4 minutes

ReactJS useDeferredValue Hook - new React 18 concurrent feature

ReactJS useId Hook (new to React 18) - in 2 minutes

You don't need to (and shouldn't) use both together, since they achieve the same goal in the end.. Instead, it makes sense to prefer useTransition(), if you have some state update that should be treat...

React - useTransition() vs useDeferredValue()

Record - The built-in Typescript Utility for “that” type (Advanced TypeScript)

What could be simpler. What are better client interfaces than a single function?. They're so pervasive in FP that you use without noticing all the boiler-plate code you didn't needed to write....

SOLID is FP!

The AreaCalculator class should only be concerned with the sum of the areas of provided shapes.. It states that the high-level module must not depend on the low-level module, but they should depend on...

SOLID - The First 5 Principles of Object Oriented Design

Stronger JavaScript with Opaque Types

Tanu

The two kinds of Generics for Functions - Advanced TypeScript Tutorial

TotalTypescript - Access deeper parts of objects and arrays

TotalTypescript - Assign local variables to default generic slots to dry up your code and improve performance

TotalTypescript - Create a 'key remover' function which can process any generic object

TotalTypescript - Create autocomplete helper which allows for arbitrary values

TotalTypescript - Create your own 'objectKeys' function using generics and the 'keyof' operator

TotalTypescript - Decode URL search params at the type level with ts-toolbelt

TotalTypescript - Derive a union type from an object

TotalTypescript - Know when to use generics

TotalTypescript - Make accessing objects safer by enabling 'noUncheckedIndexedAccess' in tsconfig

TotalTypescript - Map over an union type

TotalTypescript - Throw detailed error messages for type checks

TotalTypescript - Turn a module into a type

TotalTypescript - Use assertion functions inside classes

TotalTypescript - Use 'declare global' to allow types to cross module boundaries

TotalTypescript - Use deep partials to help with mocking an entity

TotalTypescript - Use 'extends' keyword to narrow the value of a generic

TotalTypescript - Use function overloads and generics to type a compose function

TotalTypescript - Use generics in React to make dynamic and flexible components

TotalTypescript - Use generics to dynamically specify the number, and type, of arguments to functions

TotalTypescript - Use 'in' operator to transform a union to another union

TotalTypescript - Use infer in combination with string literals to manipulate keys of objects

TypeScript Conditional Types - Probably TypeScripts most POWERFUL feature

TypeScript NEVER type

TypeScript Opaque Types - Nominal vs Structural Typing (Advanced TypeScript)

Typescript 5.0 - Const modifiers make generics a LOT easier

useEffect changed in React 18 - useEffect called twice for an empty array

Using infer - Marko Bilal

What are Enums in TypeScript, and When Should you use Them

What are TypeScript MAPPED Types and how to use them Effectively

Um bom exemplo seria um sistema de cadastro de clientes onde um cliente edita sua informação e notifica outros sistemas que precisam atualizar esse dados tbm, porem a notificação envia os dados altera...

What do you mean by Event-Driven

In Facebook they use Relay, but not always you will have a GraphQL API to implement it...

What is the recommended way to load data for React 18

Supervillain Generate Zod schemas from your Go structs....

All Posts

TotalTypescript - Write your own 'PropsFrom' helper to extract props from any React component

Travel - Peru

TS Pattern - Prevent new types not being check by pattern matching without throwing an error

TS Pattern

TypeScript Array Type Guards