Have you ever wondered how Slack /remind commands works under the hood? You just type /remind @sibelius work tomorrow and Slack knows that it should remind @sibelius to work tomorrow. It feels Slack understanding natural language. However, this is not a fancy machine learning algorithm, neither GPT3. You can achieve…

Reality Reality has a surprising amount of detail (https://johnsalvatier.org/blog/2017/reality-has-a-surprising-amount-of-detail). Reading all blog posts about Server Side Rendering (SSR) is not enough to properly implement it in a production app. The same is valid for most of development tasks, like setting up a react native project, fixing a webpack weird bug and…

React Navigation is the facto solution when you talk about navigation in React Native app. React Navigation 3.x has many improvements in performance and code that your apps just benefits from it. When doing development on web, when you reload a page you go back to the same page you…

At Entria Tech we are migrating from FlowType to Typescript (read more about it here https://medium.com/entria/incremental-migration-to-typescript-on-a-flowtype-codebase-515f6490d92d). Migrating Relay to Typescript was the next step for our codebase. Relay Modern Typescript story To enable Relay Modern support emitting Typescript types for fragments we needed Babel 7, as it support parsing Typescript files as well.

Relay brings a lot of new concepts to the frontend development table. I'll dig into how Relay Store was designed to make it fast. Data Fetching before Relay If you are used to use pure React or Redux or MobX, you are probably used to do all your data fetching logic in an imperative…

A fragment is the building block of Relay Modern. A fragment enables a component to declares which data is requires. Much like you declare your component styles in the same file of your component when using CSS in JS, when using Relay you can also declares which data it requires…

What if you could test new things, technologies, packages and approaches without break your current development workflow or end user product? In fact you can, you just need a Playground where you can play. When in a maximum local, you need to go to a worse solution to find a…

We have a lot of code using Flow at Entria. Moving all the code to TypeScript would be an unfeasible task. After release of Babel 7 with TypeScript support, this task became possible. Babel Config We are going to use Selective Configuration with overridesfeature of Babel 7 to make this happens. This…

Data fetching is a hard problem. How to ask data to a server? When to ask data to server? How to make sure you have all necessary data to render your View? How to handle lazy loading? When to lazy load data? When to prefetch data? Relay Modern is a…