How do you toggle a component's visibility without losing its UI space?
•Simple implementation of a Visible component that enables you to toggle the visibility of any component.
react posts
A Retriable Suspense Wrapper
•What if we placed React's Suspense retry logic at the same level as its error boundaries?
Public Open Source Apps To Learn From
•I have been compiling a list of open source apps that I find online. This is a very helpful list for you to learn common patterns used in React Apps.
When Should You Use Next.js getServerSideProps?
•This was a recent doubt that I had, and when I researched the answer I noticed that many are making a mistake when it comes to this.
Personal Comments On Leland's Prediction
•Leland made a prediction about the popularity of React & React Native, and usage of strictly typed languages back in 2017. How did it pan out?
What Are The Use Cases For React Class Components?
•What are the use cases for React Class components today despite the existence of Function Components and Hooks?
Next.js - Handling Linkable Tabs
•Do you need to have tabs in your Next.js app and these tabs need to have links to them?
Explicit Versus Implicit - The Cost Of Implicitness in Programming Comprehension
•For better developer experience always prefer an explicit pattern. Here is why.
Hooks Were Not Made To Give State To Functions
•There is a misconception that hooks were created to simply give state to functions. This post goes over the reasons hooks were created and why you should know them.
Don't Fall Into This React Bug
•React hooks introduced a new way to handle state, and it changed a specific mental model of what happens when we set state.
Using React Refs
•What many forget is how Functional components are not referenceable. How can we overcome this?
TV Apps — Handling Focus Styling In C++ For Performance Gains With React Native You.i
•When specifying the behavior of a data structure component, there are often two concerns that need to be dealt with: basic functionality and support for data integrity. A data structure component is often easier to use if these two concerns are divided as much as possible into separate sets of client functions.²
React — Separation of Concerns
•When specifying the behavior of a data structure component, there are often two concerns that need to be dealt with: basic functionality and support for data integrity. A data structure component is often easier to use if these two concerns are divided as much as possible into separate sets of client functions.²
Choosing between React Native and Flutter
•Which should we choose? The rise of Flutter brought doubt to the decisions for a new mobile project. This doubt did not exist back in 2016/17 when someone needed a cross-platform mobile solution. Back in 2016/17
React Native FlatList with Hooks
•React Native recently added support to React hooks. Here is an overview of how to use FlatList with it.
Summary of React Conf Brazil - 2018
•The second year of the biggest conference of React in Latin America gathered big names of the Brazilian React scene. This is a summary of everything that happened.
Set up an automated StoryBook flow for React Native
•In this Medium Post, I explain how you can automate your StoryBook set up for React Native
Which component to use in React? (prior to hooks)
•React introduces a component model to compose your UI. There are a couple of ways of rendering a component/JSX. You can use these simples rules to determine which way to write your component.
React class components with ES6 and Class fields.
•With the advent of ES6 and Class fields we can now write shorter components and without the need of worrying with the this keyword bind.
Should you ditch React's class setState
•Should one stop using class setState for lack of understanding it.
React Class Fields and Arrow Functions the simple 101.
•Advantages of using class fields and Arrow functions
Relay is just getting better
•In a recent commit to Relay 1.2, it was added a third argument to refetchConnection, the refetchConnection is an API provided by the createPaginationContainer