Stay Updated | FIFO
Stay updated.
Explore the best ideas, stories and insights about top
and upcoming D2C businesses and Makers.
Read posts by industry experts
and learn from the best
Continuing with part 1 - https://fifo.im/p/msvx3ejrayj0
Updating state based on props or state Suppose you have a component with two state variables: firstName and lastName. You want to calculate a fullName from them by concatenating them. Moreover, you’d like fullName to update whenever firstName or lastName change. Your first instinct might be to add a fullName state variable and update it in an Effect:
Shalini Chauhan
In my previous post I have discussed State Management in Flutter. In this post I will be discussing what BLoC is & why it is used.
While building an application as a developer we want to know what state our application is in at every point and to record every single user interaction in our application so BLoC was designed to handle all these requirements.
Sailesh Verma
Must've Figma Plugins as a UI/UX Designer
Plugins play a crucial role in enhancing Figma's capabilities. These allow designers to customize according to their specific needs and preferences. With the help of plugins, we can automate mundane and time-consuming tasks. This encourages an innovative atmosphere in which designers can push the limits of what is possible inside the Figma ecosystem.
Sneha Grover
What is ALGOL programming language ?
ALGOL is an acronym that stands for "ALGOrithmic Language" is a family of imperative computer programming languages originally developed in 1958. ALGOL heavily influenced many other languages and was the standard method for algorithm description used by the Association for Computing Machinery. .
Sailesh Verma
Django: Displaying Data
Hello everyone, So in the last post, we discussed working with Django Models and data. Today we will discuss displaying this data with proper templates, as already discussed in Django Basics, templates are used to display data in Django. Django Prepare Template Create Template: After creating Models, with fields and data we want in them, it's time to display that data. We will start by creating an HTML file named all_members.html and place it in the /templates/ folder. my_tennis_club/members/templates/all_members.html: <!DOCTYPE html> <html> <body> <h1>Members</h1> <ul> {% for x in mymembers %} <li>{{ x.firstname }} {{ x.lastname }}</li> {% endfor %} </ul> </body> </html> The {% %} brackets inside the HTML document are Django tags, which tell Django to perform programming logic inside. We will learn about them in detail in some upcoming posts.
Manvi Sharma
Transform Your Images into Captivating Advertisements with Zyng!
In the world of advertising, visual appeal is paramount. A captivating image has the power to grab attention, convey a message, and leave a lasting impression. However, creating stunning advertisement visuals often requires expertise in graphic design and expensive software tools. That's where Zyng comes in - a tool that simplifies the process of transforming ordinary images into eye-catching advertisements.
Harshik Pulavarthy
Should you Invest in Buffer in 2023: A Comprehensive Review
Ready to Skyrocket Your Brand's Impact in 2023? Should you Invest in Buffer? If this question has crossed your mind, you're in for a treat. In this comprehensive review, we're delving deep into Buffer, unveiling its features, pros, cons, and pricing. By the end of this article, you'll have a clear understanding of whether Buffer is the right fit to supercharge your efforts in the dynamic digital landscape of 2023. The insights from this article will guide your investment decisions, helping you elevate your brand's influence. So, Let's discover the potential that awaits.
Rob Den
Principles of UX Design Psychology (Part 3)
The principle of socialization: The principle of socialization Humans are social beings, and this has also translated into our use of technology. Nowadays we rely on technology for social interactions more than ever before, and this aspect of life should be reflected in our designs.
Chetna Grover
How Flutter Works Behind the Scenes:
Flutter does not redraw/recreate the entire UI on every build(){...} method call. Flutter aims to give you a 60 FPS (Frames Per Second) application. So, it updates the screen 60 times per second. It means that the screen is repainted by Flutter 60 times per second.
Sailesh Verma
Navigating Legal Waters in B2B: Top 5 SaaS Products to Empower Your Journey
Are you navigating the complex and often daunting legal landscape of B2B transactions? As businesses increasingly rely on technology, the legal aspects of B2B relationships have become more intricate than ever before. From contract management to intellectual property, the legal issues that can arise in the B2B realm are numerous and potentially costly.
Rob Den
CLV Analysis:
Utilizing Customer Lifetime Value (CLV) models to their full potential is essential in the ever-changing world of e-commerce. It enables companies to gain priceless customer insights, create individualized marketing plans, and increase revenue. E-commerce businesses may successfully manage consumer acquisition, and set themselves up for long-term success by forecasting future customer behavior and optimizing resources.
Gulnaaz
What is DHT(Distributed Hash table)?
Suppose you want to store your data where you can easily perform search, read, and write operations. The most efficient way would be to store them as key-value pairs as a map. While maps will be quick in performing all such operations, they have one limitation: they are only stored locally on a single computer.
Manvi Sharma
The Complete Guide to System Design
Why should I learn system design? Over the last two decades, there have been a lot of advancements in large-scale web applications. These advancements have redefined the way we think about software development. All of the apps and services that we use daily, like Facebook, Instagram, and Twitter, are scalable systems.
Amit Kumar
Left or Right: The Button Debate in UX Design
When it comes to user experience (UX) design, even the smallest details can make a big impact on the user's satisfaction and usability. One of the most debated details in UX design is the placement of the primary button on a user interface. Should it be on the left or right side? The answer is not simple, and there are pros and cons to each option.
Chetna Grover
SIMULA: The First Object-Oriented Language
Simula, an acronym for Simulation Language, is touted as the first object-oriented programming language created by Norwegian developers Ole-Johan Dahl and Kristen Nygaard in 1962 when determining how programs can model or simulate the world as seen by computer users.
Sailesh Verma
How to work with Lifecycle Events in Svelte-
This is the part1 of Lifecycle Events- https://fifo.im/p/qqh48vh0hti0 and today I will discussing more about Lifecycle Events. Here’s a sample usage of onMount: <script> import { onMount } from 'svelte' onMount(async () => { //do something on mount }) </script>
Shalini Chauhan
Lighting, Colors, and Textures in unity!!!
If you find the components present in your scene appear to be darker, you can add some lighting by selecting Windows > Rendering > Lighting. Selecting them opens a lighting dialog where we must choose the "Generate Lighting" option. It changes the shade of game objects of a scene from darker to a lighter version.
Manvi Sharma
Why is creating pages important in React?
Before we dive into how this works, it’s important to understand where page creation helps and what it’s solving. A basic React application that doesn’t use a framework like Next.js works by mounting to an entrypoint in an HTML document (DOM node), where it then uses JavaScript to load all of the dynamic parts of the page.
Shalini Chauhan
Docker: Managing data with Volumes (Part 1)
Hello everyone, In the last post, we learned to perform various operations with containers and images. In this post, we will explore volumes, which are like state management for running applications with docker. We will discuss different kinds of data we encounter while working with docker. We will learn about different kinds of volumes, and explore anonymous and named volumes in detail by discussing their implementation in a node server application. We will create these volumes in our system.
Manvi Sharma
Using Svelte stores-
Svelte stores are a great tool to handle your app state when components need to talk to each other without passing props around too much. You must first import writable from svelte/store: import { writable } from 'svelte/store' and create a store variable using the writable() function, passing the default value as the first argument:
Shalini Chauhan
NEXTJS
Next.js is one React framework to provides a common structure that allows you to easily build a frontend React application, and transparently handles server-side rendering for you. React is awesome until you realize that there are a couple problems related to rendering all the content on the client-side. Some of the problems are -
Shalini Chauhan
Fileread AI for B2B: A Comprehensive Guide
Have you ever wondered how to analyze legal documents faster and easier? If you are a B2B marketer, you know how important it is to understand the contracts, agreements, and regulations that affect your business. However, reading and interpreting legal data can be time-consuming, tedious, and error-prone. That’s why you need Fileread AI, a cutting-edge solution that uses large language models to help you handle complex and voluminous legal data in a snap.
Rob Den
Svelte Readable Stores
Readable stores are special because they can't be updated from the outside - there's no set() or update() method. Instead, once you set the initial state, they can't be modified from the outside. The official Svelte docs show an interesting example using a timer to update a date.
Shalini Chauhan
TypeOrm (Part2)
Today we will start with TypeORM setup from scratch. Part1: https://fifo.im/p/ny7oqcxw3w30 Create a model Working with the database, starts with creating tables, and in TypeORM, we create tables through models. Eg: A Photo Model export class Photo { id: number name: string description: string filename: string views: number isPublished: boolean } But all models do not create database tables only those we define as entities.
Manvi Sharma
How to Parse JSON in Dart/Flutter
Parsing JSON is a very common task for apps that need to fetch data from the Internet. And depending on how much JSON data you need to process, you have two options: write all the JSON parsing code manually automate the process with code generation Encoding and Decoding JSON When a JSON response is sent over the network, the entire payload is encoded as a string. But inside our Flutter apps, we don't want to extract the data from a string manually:
Shalini Chauhan
Five elements of UX design
The five elements of UX design are a framework of UX designers' steps to turn an idea into a working product. This framework has a bottom-to-top structure. On each plane, the issues we must deal with become less abstract and more concrete. These are Five Elements ( from bottom to top ):
Anushka
Capacitor
Hello everyone, Today we will discuss Capacitors What is Capacitor? Capacitor is a free and open-source (MIT-licensed) platform that enables web developers to build cross-platform apps with standard web technology that runs in modern browsers. Capacitor consists of native platform SDKs (iOS and Android), a command line tool, a plugin API, and pre-made plugins.
Manvi Sharma
TaxGPT for B2B: A Comprehensive Review
Are you on the hunt for a powerful tool to simplify the complexities of tax-related matters in your B2B operations? Look no further than TaxGPT, a cutting-edge solution that leverages advanced AI to navigate the intricate world of taxes. In this comprehensive review, we will delve into the realm of TaxGPT, exploring its capabilities, features, and how it can potentially revolutionize your B2B tax management. By the end of this blog, you'll have the insights necessary to determine whether TaxGPT is the ideal solution to empower your business. And you can make informed decisions in the realm of tax management simpler than ever before. Let us now dive in!
Rob Den
What are React server components?
React Server Components allows the server and the client to collaborate in rendering your React application. Here’s a quick illustration from the React team, showing what the end goal is: a React tree, where the orange components rendered on the server, and blue components are rendered on the client.
Shalini Chauhan
How To Start Every Full-Stack Project(Part 2)
React Frontend+ NodeJs + Express + Heroku Deployment Hi everyone , We are discussing a full stack boilerplate setup using the above mentioned stack. This post is a continuation from https://fifo.im/p/v8qczw9l8ti0, where we have already discussed the basic github, backend setup and code, and frontend setup.
Manvi Sharma
Continuing with part 1 - https://fifo.im/p/msvx3ejrayj0
Updating state based on props or state Suppose you have a component with two state variables: firstName and lastName. You want to calculate a fullName from them by concatenating them. Moreover, you’d like fullName to update whenever firstName or lastName change. Your first instinct might be to add a fullName state variable and update it in an Effect:
Shalini Chauhan
In my previous post I have discussed State Management in Flutter. In this post I will be discussing what BLoC is & why it is used.
While building an application as a developer we want to know what state our application is in at every point and to record every single user interaction in our application so BLoC was designed to handle all these requirements.
Sailesh Verma
Must've Figma Plugins as a UI/UX Designer
Plugins play a crucial role in enhancing Figma's capabilities. These allow designers to customize according to their specific needs and preferences. With the help of plugins, we can automate mundane and time-consuming tasks. This encourages an innovative atmosphere in which designers can push the limits of what is possible inside the Figma ecosystem.
Sneha Grover
What is ALGOL programming language ?
ALGOL is an acronym that stands for "ALGOrithmic Language" is a family of imperative computer programming languages originally developed in 1958. ALGOL heavily influenced many other languages and was the standard method for algorithm description used by the Association for Computing Machinery. .
Sailesh Verma
Django: Displaying Data
Hello everyone, So in the last post, we discussed working with Django Models and data. Today we will discuss displaying this data with proper templates, as already discussed in Django Basics, templates are used to display data in Django. Django Prepare Template Create Template: After creating Models, with fields and data we want in them, it's time to display that data. We will start by creating an HTML file named all_members.html and place it in the /templates/ folder. my_tennis_club/members/templates/all_members.html: <!DOCTYPE html> <html> <body> <h1>Members</h1> <ul> {% for x in mymembers %} <li>{{ x.firstname }} {{ x.lastname }}</li> {% endfor %} </ul> </body> </html> The {% %} brackets inside the HTML document are Django tags, which tell Django to perform programming logic inside. We will learn about them in detail in some upcoming posts.
Manvi Sharma
Transform Your Images into Captivating Advertisements with Zyng!
In the world of advertising, visual appeal is paramount. A captivating image has the power to grab attention, convey a message, and leave a lasting impression. However, creating stunning advertisement visuals often requires expertise in graphic design and expensive software tools. That's where Zyng comes in - a tool that simplifies the process of transforming ordinary images into eye-catching advertisements.
Harshik Pulavarthy
Should you Invest in Buffer in 2023: A Comprehensive Review
Ready to Skyrocket Your Brand's Impact in 2023? Should you Invest in Buffer? If this question has crossed your mind, you're in for a treat. In this comprehensive review, we're delving deep into Buffer, unveiling its features, pros, cons, and pricing. By the end of this article, you'll have a clear understanding of whether Buffer is the right fit to supercharge your efforts in the dynamic digital landscape of 2023. The insights from this article will guide your investment decisions, helping you elevate your brand's influence. So, Let's discover the potential that awaits.
Rob Den
Principles of UX Design Psychology (Part 3)
The principle of socialization: The principle of socialization Humans are social beings, and this has also translated into our use of technology. Nowadays we rely on technology for social interactions more than ever before, and this aspect of life should be reflected in our designs.
Chetna Grover
How Flutter Works Behind the Scenes:
Flutter does not redraw/recreate the entire UI on every build(){...} method call. Flutter aims to give you a 60 FPS (Frames Per Second) application. So, it updates the screen 60 times per second. It means that the screen is repainted by Flutter 60 times per second.
Sailesh Verma
Navigating Legal Waters in B2B: Top 5 SaaS Products to Empower Your Journey
Are you navigating the complex and often daunting legal landscape of B2B transactions? As businesses increasingly rely on technology, the legal aspects of B2B relationships have become more intricate than ever before. From contract management to intellectual property, the legal issues that can arise in the B2B realm are numerous and potentially costly.
Rob Den
CLV Analysis:
Utilizing Customer Lifetime Value (CLV) models to their full potential is essential in the ever-changing world of e-commerce. It enables companies to gain priceless customer insights, create individualized marketing plans, and increase revenue. E-commerce businesses may successfully manage consumer acquisition, and set themselves up for long-term success by forecasting future customer behavior and optimizing resources.
Gulnaaz
What is DHT(Distributed Hash table)?
Suppose you want to store your data where you can easily perform search, read, and write operations. The most efficient way would be to store them as key-value pairs as a map. While maps will be quick in performing all such operations, they have one limitation: they are only stored locally on a single computer.
Manvi Sharma
The Complete Guide to System Design
Why should I learn system design? Over the last two decades, there have been a lot of advancements in large-scale web applications. These advancements have redefined the way we think about software development. All of the apps and services that we use daily, like Facebook, Instagram, and Twitter, are scalable systems.
Amit Kumar
Left or Right: The Button Debate in UX Design
When it comes to user experience (UX) design, even the smallest details can make a big impact on the user's satisfaction and usability. One of the most debated details in UX design is the placement of the primary button on a user interface. Should it be on the left or right side? The answer is not simple, and there are pros and cons to each option.
Chetna Grover
SIMULA: The First Object-Oriented Language
Simula, an acronym for Simulation Language, is touted as the first object-oriented programming language created by Norwegian developers Ole-Johan Dahl and Kristen Nygaard in 1962 when determining how programs can model or simulate the world as seen by computer users.
Sailesh Verma
How to work with Lifecycle Events in Svelte-
This is the part1 of Lifecycle Events- https://fifo.im/p/qqh48vh0hti0 and today I will discussing more about Lifecycle Events. Here’s a sample usage of onMount: <script> import { onMount } from 'svelte' onMount(async () => { //do something on mount }) </script>
Shalini Chauhan
Lighting, Colors, and Textures in unity!!!
If you find the components present in your scene appear to be darker, you can add some lighting by selecting Windows > Rendering > Lighting. Selecting them opens a lighting dialog where we must choose the "Generate Lighting" option. It changes the shade of game objects of a scene from darker to a lighter version.
Manvi Sharma
Why is creating pages important in React?
Before we dive into how this works, it’s important to understand where page creation helps and what it’s solving. A basic React application that doesn’t use a framework like Next.js works by mounting to an entrypoint in an HTML document (DOM node), where it then uses JavaScript to load all of the dynamic parts of the page.
Shalini Chauhan
Docker: Managing data with Volumes (Part 1)
Hello everyone, In the last post, we learned to perform various operations with containers and images. In this post, we will explore volumes, which are like state management for running applications with docker. We will discuss different kinds of data we encounter while working with docker. We will learn about different kinds of volumes, and explore anonymous and named volumes in detail by discussing their implementation in a node server application. We will create these volumes in our system.
Manvi Sharma
Using Svelte stores-
Svelte stores are a great tool to handle your app state when components need to talk to each other without passing props around too much. You must first import writable from svelte/store: import { writable } from 'svelte/store' and create a store variable using the writable() function, passing the default value as the first argument:
Shalini Chauhan
NEXTJS
Next.js is one React framework to provides a common structure that allows you to easily build a frontend React application, and transparently handles server-side rendering for you. React is awesome until you realize that there are a couple problems related to rendering all the content on the client-side. Some of the problems are -
Shalini Chauhan
Fileread AI for B2B: A Comprehensive Guide
Have you ever wondered how to analyze legal documents faster and easier? If you are a B2B marketer, you know how important it is to understand the contracts, agreements, and regulations that affect your business. However, reading and interpreting legal data can be time-consuming, tedious, and error-prone. That’s why you need Fileread AI, a cutting-edge solution that uses large language models to help you handle complex and voluminous legal data in a snap.
Rob Den
Svelte Readable Stores
Readable stores are special because they can't be updated from the outside - there's no set() or update() method. Instead, once you set the initial state, they can't be modified from the outside. The official Svelte docs show an interesting example using a timer to update a date.
Shalini Chauhan
TypeOrm (Part2)
Today we will start with TypeORM setup from scratch. Part1: https://fifo.im/p/ny7oqcxw3w30 Create a model Working with the database, starts with creating tables, and in TypeORM, we create tables through models. Eg: A Photo Model export class Photo { id: number name: string description: string filename: string views: number isPublished: boolean } But all models do not create database tables only those we define as entities.
Manvi Sharma
How to Parse JSON in Dart/Flutter
Parsing JSON is a very common task for apps that need to fetch data from the Internet. And depending on how much JSON data you need to process, you have two options: write all the JSON parsing code manually automate the process with code generation Encoding and Decoding JSON When a JSON response is sent over the network, the entire payload is encoded as a string. But inside our Flutter apps, we don't want to extract the data from a string manually:
Shalini Chauhan
Five elements of UX design
The five elements of UX design are a framework of UX designers' steps to turn an idea into a working product. This framework has a bottom-to-top structure. On each plane, the issues we must deal with become less abstract and more concrete. These are Five Elements ( from bottom to top ):
Anushka
Capacitor
Hello everyone, Today we will discuss Capacitors What is Capacitor? Capacitor is a free and open-source (MIT-licensed) platform that enables web developers to build cross-platform apps with standard web technology that runs in modern browsers. Capacitor consists of native platform SDKs (iOS and Android), a command line tool, a plugin API, and pre-made plugins.
Manvi Sharma
TaxGPT for B2B: A Comprehensive Review
Are you on the hunt for a powerful tool to simplify the complexities of tax-related matters in your B2B operations? Look no further than TaxGPT, a cutting-edge solution that leverages advanced AI to navigate the intricate world of taxes. In this comprehensive review, we will delve into the realm of TaxGPT, exploring its capabilities, features, and how it can potentially revolutionize your B2B tax management. By the end of this blog, you'll have the insights necessary to determine whether TaxGPT is the ideal solution to empower your business. And you can make informed decisions in the realm of tax management simpler than ever before. Let us now dive in!
Rob Den
What are React server components?
React Server Components allows the server and the client to collaborate in rendering your React application. Here’s a quick illustration from the React team, showing what the end goal is: a React tree, where the orange components rendered on the server, and blue components are rendered on the client.
Shalini Chauhan
How To Start Every Full-Stack Project(Part 2)
React Frontend+ NodeJs + Express + Heroku Deployment Hi everyone , We are discussing a full stack boilerplate setup using the above mentioned stack. This post is a continuation from https://fifo.im/p/v8qczw9l8ti0, where we have already discussed the basic github, backend setup and code, and frontend setup.
Manvi Sharma
Continuing with part 1 - https://fifo.im/p/msvx3ejrayj0
Updating state based on props or state Suppose you have a component with two state variables: firstName and lastName. You want to calculate a fullName from them by concatenating them. Moreover, you’d like fullName to update whenever firstName or lastName change. Your first instinct might be to add a fullName state variable and update it in an Effect:
Shalini Chauhan
In my previous post I have discussed State Management in Flutter. In this post I will be discussing what BLoC is & why it is used.
While building an application as a developer we want to know what state our application is in at every point and to record every single user interaction in our application so BLoC was designed to handle all these requirements.
Sailesh Verma
Must've Figma Plugins as a UI/UX Designer
Plugins play a crucial role in enhancing Figma's capabilities. These allow designers to customize according to their specific needs and preferences. With the help of plugins, we can automate mundane and time-consuming tasks. This encourages an innovative atmosphere in which designers can push the limits of what is possible inside the Figma ecosystem.
Sneha Grover
What is ALGOL programming language ?
ALGOL is an acronym that stands for "ALGOrithmic Language" is a family of imperative computer programming languages originally developed in 1958. ALGOL heavily influenced many other languages and was the standard method for algorithm description used by the Association for Computing Machinery. .
Sailesh Verma
Django: Displaying Data
Hello everyone, So in the last post, we discussed working with Django Models and data. Today we will discuss displaying this data with proper templates, as already discussed in Django Basics, templates are used to display data in Django. Django Prepare Template Create Template: After creating Models, with fields and data we want in them, it's time to display that data. We will start by creating an HTML file named all_members.html and place it in the /templates/ folder. my_tennis_club/members/templates/all_members.html: <!DOCTYPE html> <html> <body> <h1>Members</h1> <ul> {% for x in mymembers %} <li>{{ x.firstname }} {{ x.lastname }}</li> {% endfor %} </ul> </body> </html> The {% %} brackets inside the HTML document are Django tags, which tell Django to perform programming logic inside. We will learn about them in detail in some upcoming posts.
Manvi Sharma
Transform Your Images into Captivating Advertisements with Zyng!
In the world of advertising, visual appeal is paramount. A captivating image has the power to grab attention, convey a message, and leave a lasting impression. However, creating stunning advertisement visuals often requires expertise in graphic design and expensive software tools. That's where Zyng comes in - a tool that simplifies the process of transforming ordinary images into eye-catching advertisements.
Harshik Pulavarthy
Should you Invest in Buffer in 2023: A Comprehensive Review
Ready to Skyrocket Your Brand's Impact in 2023? Should you Invest in Buffer? If this question has crossed your mind, you're in for a treat. In this comprehensive review, we're delving deep into Buffer, unveiling its features, pros, cons, and pricing. By the end of this article, you'll have a clear understanding of whether Buffer is the right fit to supercharge your efforts in the dynamic digital landscape of 2023. The insights from this article will guide your investment decisions, helping you elevate your brand's influence. So, Let's discover the potential that awaits.
Rob Den
Principles of UX Design Psychology (Part 3)
The principle of socialization: The principle of socialization Humans are social beings, and this has also translated into our use of technology. Nowadays we rely on technology for social interactions more than ever before, and this aspect of life should be reflected in our designs.
Chetna Grover
How Flutter Works Behind the Scenes:
Flutter does not redraw/recreate the entire UI on every build(){...} method call. Flutter aims to give you a 60 FPS (Frames Per Second) application. So, it updates the screen 60 times per second. It means that the screen is repainted by Flutter 60 times per second.
Sailesh Verma
Navigating Legal Waters in B2B: Top 5 SaaS Products to Empower Your Journey
Are you navigating the complex and often daunting legal landscape of B2B transactions? As businesses increasingly rely on technology, the legal aspects of B2B relationships have become more intricate than ever before. From contract management to intellectual property, the legal issues that can arise in the B2B realm are numerous and potentially costly.
Rob Den
CLV Analysis:
Utilizing Customer Lifetime Value (CLV) models to their full potential is essential in the ever-changing world of e-commerce. It enables companies to gain priceless customer insights, create individualized marketing plans, and increase revenue. E-commerce businesses may successfully manage consumer acquisition, and set themselves up for long-term success by forecasting future customer behavior and optimizing resources.
Gulnaaz
What is DHT(Distributed Hash table)?
Suppose you want to store your data where you can easily perform search, read, and write operations. The most efficient way would be to store them as key-value pairs as a map. While maps will be quick in performing all such operations, they have one limitation: they are only stored locally on a single computer.
Manvi Sharma
The Complete Guide to System Design
Why should I learn system design? Over the last two decades, there have been a lot of advancements in large-scale web applications. These advancements have redefined the way we think about software development. All of the apps and services that we use daily, like Facebook, Instagram, and Twitter, are scalable systems.
Amit Kumar
Left or Right: The Button Debate in UX Design
When it comes to user experience (UX) design, even the smallest details can make a big impact on the user's satisfaction and usability. One of the most debated details in UX design is the placement of the primary button on a user interface. Should it be on the left or right side? The answer is not simple, and there are pros and cons to each option.
Chetna Grover
SIMULA: The First Object-Oriented Language
Simula, an acronym for Simulation Language, is touted as the first object-oriented programming language created by Norwegian developers Ole-Johan Dahl and Kristen Nygaard in 1962 when determining how programs can model or simulate the world as seen by computer users.
Sailesh Verma
How to work with Lifecycle Events in Svelte-
This is the part1 of Lifecycle Events- https://fifo.im/p/qqh48vh0hti0 and today I will discussing more about Lifecycle Events. Here’s a sample usage of onMount: <script> import { onMount } from 'svelte' onMount(async () => { //do something on mount }) </script>
Shalini Chauhan
Lighting, Colors, and Textures in unity!!!
If you find the components present in your scene appear to be darker, you can add some lighting by selecting Windows > Rendering > Lighting. Selecting them opens a lighting dialog where we must choose the "Generate Lighting" option. It changes the shade of game objects of a scene from darker to a lighter version.
Manvi Sharma
Why is creating pages important in React?
Before we dive into how this works, it’s important to understand where page creation helps and what it’s solving. A basic React application that doesn’t use a framework like Next.js works by mounting to an entrypoint in an HTML document (DOM node), where it then uses JavaScript to load all of the dynamic parts of the page.
Shalini Chauhan
Docker: Managing data with Volumes (Part 1)
Hello everyone, In the last post, we learned to perform various operations with containers and images. In this post, we will explore volumes, which are like state management for running applications with docker. We will discuss different kinds of data we encounter while working with docker. We will learn about different kinds of volumes, and explore anonymous and named volumes in detail by discussing their implementation in a node server application. We will create these volumes in our system.
Manvi Sharma
Using Svelte stores-
Svelte stores are a great tool to handle your app state when components need to talk to each other without passing props around too much. You must first import writable from svelte/store: import { writable } from 'svelte/store' and create a store variable using the writable() function, passing the default value as the first argument:
Shalini Chauhan
NEXTJS
Next.js is one React framework to provides a common structure that allows you to easily build a frontend React application, and transparently handles server-side rendering for you. React is awesome until you realize that there are a couple problems related to rendering all the content on the client-side. Some of the problems are -
Shalini Chauhan
Fileread AI for B2B: A Comprehensive Guide
Have you ever wondered how to analyze legal documents faster and easier? If you are a B2B marketer, you know how important it is to understand the contracts, agreements, and regulations that affect your business. However, reading and interpreting legal data can be time-consuming, tedious, and error-prone. That’s why you need Fileread AI, a cutting-edge solution that uses large language models to help you handle complex and voluminous legal data in a snap.
Rob Den
Svelte Readable Stores
Readable stores are special because they can't be updated from the outside - there's no set() or update() method. Instead, once you set the initial state, they can't be modified from the outside. The official Svelte docs show an interesting example using a timer to update a date.
Shalini Chauhan
TypeOrm (Part2)
Today we will start with TypeORM setup from scratch. Part1: https://fifo.im/p/ny7oqcxw3w30 Create a model Working with the database, starts with creating tables, and in TypeORM, we create tables through models. Eg: A Photo Model export class Photo { id: number name: string description: string filename: string views: number isPublished: boolean } But all models do not create database tables only those we define as entities.
Manvi Sharma
How to Parse JSON in Dart/Flutter
Parsing JSON is a very common task for apps that need to fetch data from the Internet. And depending on how much JSON data you need to process, you have two options: write all the JSON parsing code manually automate the process with code generation Encoding and Decoding JSON When a JSON response is sent over the network, the entire payload is encoded as a string. But inside our Flutter apps, we don't want to extract the data from a string manually:
Shalini Chauhan
Five elements of UX design
The five elements of UX design are a framework of UX designers' steps to turn an idea into a working product. This framework has a bottom-to-top structure. On each plane, the issues we must deal with become less abstract and more concrete. These are Five Elements ( from bottom to top ):
Anushka
Capacitor
Hello everyone, Today we will discuss Capacitors What is Capacitor? Capacitor is a free and open-source (MIT-licensed) platform that enables web developers to build cross-platform apps with standard web technology that runs in modern browsers. Capacitor consists of native platform SDKs (iOS and Android), a command line tool, a plugin API, and pre-made plugins.
Manvi Sharma
TaxGPT for B2B: A Comprehensive Review
Are you on the hunt for a powerful tool to simplify the complexities of tax-related matters in your B2B operations? Look no further than TaxGPT, a cutting-edge solution that leverages advanced AI to navigate the intricate world of taxes. In this comprehensive review, we will delve into the realm of TaxGPT, exploring its capabilities, features, and how it can potentially revolutionize your B2B tax management. By the end of this blog, you'll have the insights necessary to determine whether TaxGPT is the ideal solution to empower your business. And you can make informed decisions in the realm of tax management simpler than ever before. Let us now dive in!
Rob Den
What are React server components?
React Server Components allows the server and the client to collaborate in rendering your React application. Here’s a quick illustration from the React team, showing what the end goal is: a React tree, where the orange components rendered on the server, and blue components are rendered on the client.
Shalini Chauhan
How To Start Every Full-Stack Project(Part 2)
React Frontend+ NodeJs + Express + Heroku Deployment Hi everyone , We are discussing a full stack boilerplate setup using the above mentioned stack. This post is a continuation from https://fifo.im/p/v8qczw9l8ti0, where we have already discussed the basic github, backend setup and code, and frontend setup.
Manvi Sharma
Exclusive for the Global Maker community & D2C experts.
Bring change to the world by sharing your perspective. Share your insights, and inspire others to join your movement and become makers.
Learn more
Chat with FIFO to get answers for all your queries
FIFO is trained with the best insights and knowledge curated by experts.
Get Started
