Pinned

How to go async with useEffect

Execute asynchronous tasks with useEffect clean and safely From calling an API to set a timeout delay, I am sure you already questioned how to do it properly when using the React hook useEffect . If that sounds still blurred, then this article is for you. …

Java Script

3 min read

Published in JavaScript in Plain English

·Pinned

You might not need a Provider in your React app

Many times we use the React Context API to share top-to-bottom states. However, a simple approach can be taken instead. — A common scenario is when we want to control a component state from its children. Don’t know what I am talking about? Keep going, you will get it, I promise. Let’s jump straight into it. What you see below is what we will call a MenuTrigger. …

Java Script

3 min read

You might not need a Provider in your React app

Published in The Startup

·Pinned

Using React Hooks to sync your component state and the URL Query string

Many times we want to control parts of our app by modifying the query string parameters. Learn how you can do it by using React hooks. To illustrate that we're going to use a simple Tabs component. The idea is: once the selected tab changes, the query string parameters are…

Java Script

3 min read

Using React Hooks to sync your component state with the URL Query string

Oct 13, 2021

Como aprender inglês e se informar ao mesmo tempo

Com esse aplicativo você pode ler notícias atualizadas e aprender inglês ao mesmo tempo! Veja como. Se você já se perguntou como pode praticar seu inglês de uma maneira pratica e tirar o maior proveito do seu tempo. Vou te mostrar um app que vai te ajudar. …

Aprender Ingles

1 min read

Como aprender inglês e se informar ao mesmo tempo

Dec 8, 2020

Generic Table component with React and Typescript

Display any kind of data using the same table component while enjoying the benefits of typescript features. A very common use case is to be able to list multiple types of data using tables. This happens quite frequently in dashboards for instance. For example, an e-commerce dashboard might want to…

React

4 min read

Published in The Startup

·Oct 25, 2020

The only React hook you will need for boolean states

Toggling Modal visibility; hiding, and showing messages, there are many scenarios where you’ll find yourself writing the same code. But there's a solution: useBooleanState The useBooleanState hook Going straight to the code, this is how it looks: How to use it? I give you an example. Let’s say you want to toggle a Modal visibility. …

React

2 min read

The only React hook you will need for boolean states

Toggling Modal visibility; hiding, and showing messages, there are many scenarios where you’ll find yourself writing the same code. But there's a solution: useBooleanState

The useBooleanState hook

Going straight to the code, this is how it looks:

How to use it?

I give you an example. Let’s say you want to toggle a Modal visibility. …

Published in The Startup

·Nov 20, 2019

Use React hooks to connect your Redux store and your components

Say goodbye to HOCs or connectors and welcome the React hooks era Outline: Can React hooks and Redux coexist? TL;DR: Focus on the integration between your app state and the components Connecting components using hooks Conclusion Can Rect hooks and Redux coexist? I will say it, React hooks and Redux can and should coexist. Especially when you…

React

5 min read

Published in Decred

·Sep 17, 2018

An overview of the Politeia system architecture

Politeia is a powerful off-chain governance tool. It empowers users to submit detailed proposals, provides a platform to review them, and allows users to vote which proposals should receive funding from the project treasury. Politeia is designed for Decred, but its code is open source and can be used by…

Git

7 min read

An overview of the Politeia system architecture

Apr 23, 2018

A lua e o pensamento

Duas noites de lua cheia e nenhum pensamento, nenhum pensamento digno de duas luas. Muito sonhos talvez e sonhos… sonhos distanciam da realidade que traz os pensamentos. A inspiração do sonho acordado contra a recapitulação do sonho dormido. É a fé do amanhã e a percepção misteriosa do agora é o mistério e a realidade nua é a parte obvia e esperada (e desesperada) é o místico do amanhecer é conformidade e a revolução

Sonhos

1 min read

Dec 5, 2017

Não seja educado, eduque-se

Qual a barreira existente para se encontrar qualquer informação no dia de hoje? Nenhuma. E qual o custo? nada. Ou melhor, podemos considerar o custo de tempo em pesquisar e aprender determinado assunto. Mas em um âmbito geral o custo é insignificante se comparado a época das enciclopédias e quando…

Educacao

4 min read

How to go async with useEffect

You might not need a Provider in your React app

Using React Hooks to sync your component state and the URL Query string

Como aprender inglês e se informar ao mesmo tempo

Generic Table component with React and Typescript

The only React hook you will need for boolean states

The only React hook you will need for boolean states

The useBooleanState hook

How to use it?

Use React hooks to connect your Redux store and your components

An overview of the Politeia system architecture

A lua e o pensamento

Não seja educado, eduque-se

Fernando Abolafio