Timeout Effect in Re-frame

Timeout Effect in Re-frame

Sometimes you need to delay an Event a certain amount of time. Let's say you want an alert to appear for twenty seconds before disappearing. We can store the alert message in the Database, but how do we make it disappear after the right time? We could set a timeout,...
Optimistic Update in Re-frame

Optimistic Update in Re-frame

We’ve got a little bit of a problem on the web, especially with frontend apps. Our users are enjoying the fast, interactive experience of the app, which is running in the browser. Then some change needs to be propagated on the server. The server has to be the source...
Database Structure in Re-frame

Database Structure in Re-frame

The Re-frame Database holds a lot of your app’s state. Most state that needs to be accessed from different Components should be in your Database. You should also put a cache of data you need from the Server or Third-party APIs. Once you say “there’s a lot of state in...
State in Re-frame

State in Re-frame

Introduction Constraints Locality Update frequency Transience Caching state from the server Optimistic updates Pessimistic updates Tools for storing state Server or Third-Party API Component-local state Re-frame Database Reagent Atoms LocalStorage All applications...
Re-frame, a Visual Explanation

Re-frame, a Visual Explanation

Re-frame, a Visual Explanation Building an app is already a complex business. You want your framework to reign in that complexity largely by organizing it into a structure. There are a lot of parts to Re-frame. I call them building blocks. It's easy to get lost and...
React Lifecycle for Re-frame

React Lifecycle for Re-frame

A guide to the React Lifecycle Methods for Re-frame Reagent, which is used by Re-frame, gives you two methods for creating components that will serve you 90% of the time. Those are the Form-1 and Form-2 components that are based on functions. However, for that last...