Hey folks! Some of you may already know about us. We quietly launched a new meetup group in Amsterdam few weeks ago. As we are gearing up for our second event soon, we thought we would introduce ourselves in a more official way.
Who are we?
We are TechFolks Amsterdam. A meetup group…
Our focus in this article will be about using the observe higher-order component, shipped from frint-react package.
Even though FrintJS is rendering library agnostic (and supports React and Vue.js both), we will stick to React.js only for the sake of this article.
To make the most out of this, it…
FrintJS itself is agnostic of any rendering library. The core is primarily focused on managing its dependencies with providers, so that other tools and integrations can form around it.
While the main frint package takes care of creating Apps with providers, we have other packages like frint-react handling React.js integration…
Redux is an extremely popular state management library in the React.js ecosystem. It also comes with integrations like react-redux which gives you a higher-order component to connect your Redux store to your React components.
How can this killer duo be utilized in FrintJS Apps too?
Example Store
Before getting into FrintJS, let’s…
Previously, we covered creating Apps with providers, and then rendering them with React.js in the browser and server. Today, we will see how we can access the providers defined in FrintJS Apps from inside React components.
Higher-order component
We ship a higher-order component (HoC) called observe from our React integration package frint-react.
…
Previously, I wrote about dependency injection and how providers are set up in FrintJS Apps. Today, we will be using the same APIs and render a FrintJS App with React in the browser and server.
Rendering with react-dom
In the most basic and simple example, we can render a React component like this…
