A form component can have different kinds of form controls such as input, radio and checkbox etc. For a more detailed example, you can see the code here. A minimal boilerplate to start can be found here. Create manifest In the manifest, notice the cu...
Scroll-based animations can be triggered in two ways - by listening to the scroll event or by using IntersectionObserver. In this article, we will go through step by step process of building the scroll animation using IntersectionObserver. It's no fu...
At Atri Labs, we are making it easy for web development and ML product development to go hand-in-hand. One of the challenges is how NodeJS and Python processes can communicate with each other. I am sending and receiving data between Python and NodeJS...
Scenario In most cases, we bundle TypeScript/JavaScript code to run in NodeJS only when we are doing SSR with a frontend library such as React. We generally use webpack-node-externals to create a JS bundle that will be run inside NodeJS. We use webpa...
This article assumes that all react components in a code base are Functional React Components as opposed to Class Components. Whenever we write a React feature, we should break the feature into a set of responsibilities. These responsibilities can be...
High-level architecture There are 4 state machines that run when you start the Atri server in development. A state machine in the development server for the Atri app. A state machine in the development server for the visual editor. A state machine...
What is the need? Many situations demand certain portions of the website to be easily editable by employees who do not know how to code. At the same time, developers need to code the complicated portion of the website. We have seen many companies jug...
What is the need? Many situations demand a certain portion of the website to be easily editable by employees who do not know how to code. At the same time, developers need to code the complicated portion of the website. We have seen many companies ju...