DEV Community: Kunal Agrawal

When Shouldn't You Use Redis?

Kunal Agrawal — Tue, 28 May 2024 17:58:00 +0000

Well we can say that -

Redis: Where your data goes to wait for someone to remember it exists. 💀

Or an extra layer of database to make your application fast.

This is not enough to learn and understand the use cases of Redis.

Redis offers a versatile toolkit for various application functionalities. Let's explore some key use cases, their architectural considerations, advantages, alternatives, and limitations:

1. Session Store

Architecture: You can deploy Redis as a single instance for smaller applications. For scalability, consider using Redis Cluster, which distributes data across multiple nodes.
Advantages: Redis excels at storing session data due to its blazing-fast speed. This allows web applications to manage user sessions efficiently and personalize experiences quickly. Additionally, Redis Cluster facilitates easy horizontal scaling as your application grows.
Alternatives: Memcached is a simpler alternative, but it offers fewer features compared to Redis.
Limitations: While Redis offers persistence options to mitigate data loss on server failure, it's crucial to consider this potential limitation.

2. Caching

Architecture: Similar to session storage, a single Redis instance or a Redis Cluster can be employed for caching.
Advantages: By caching frequently accessed data from your main database in Redis, you can significantly boost application performance. Since Redis retrieves data much faster than a traditional database, the overall responsiveness of your application improves. Furthermore, caching reduces the load on your main database, improving its overall efficiency.
Alternatives: In-memory caching libraries can be integrated within your application code. However, these libraries typically offer less functionality compared to a dedicated caching solution like Redis.
Limitations: The primary limitation of caching with Redis is the data size constraint due to its in-memory storage.

3. Message Queues

Architecture: Redis can function as a message queue using a single instance or a Redis Cluster.
Advantages: Leveraging Redis as a message queue enables asynchronous task processing within your application. This improves scalability and fault tolerance by decoupling different parts of your application. Tasks can be processed independently, improving overall performance.
Alternatives: RabbitMQ and Apache Kafka are more complex message queueing systems that offer features like persistence, which might be beneficial for high-throughput workloads.
Limitations: While Redis is a capable message queue, it might not be suitable for very large message sizes or require complex features for extremely high-volume message processing.

4. Real-time Applications

Architecture: To build real-time applications with Redis, you can utilize a single instance or a Redis Cluster configured with Pub/Sub messaging. Pub/Sub allows real-time data broadcasting to multiple clients simultaneously.
Advantages: The low-latency data broadcasting capabilities of Redis Pub/Sub are ideal for building features like live chat or social media feeds. This enables real-time updates and interactions within your application.
Alternatives: WebSockets and Server-Sent Events are alternative approaches for real-time functionality, but they can be more complex to implement.
Limitations: The number of concurrent subscribers that Redis Pub/Sub can handle might be limited for very high-traffic applications.

5. Leaderboards

Architecture: A single instance or a Redis Cluster can be used for leaderboards, leveraging Redis Sorted Sets. Sorted Sets provide efficient storage and retrieval of ranked data.
Advantages: Maintaining leaderboards becomes effortless with Redis Sorted Sets. They allow for efficient storage, retrieval, and updates of ranked data, making it easy to keep leaderboards current.
Alternatives: Relational databases can be used for leaderboards, but they might require complex queries and offer less performance compared to Redis Sorted Sets.
Limitations: While Redis excels at basic leaderboards, it might lack functionalities for highly complex leaderboard logic requiring additional features beyond its core capabilities.

Well, let's look at some of the use cases where we should not consider Redis.

While Redis is a powerful tool, there are situations where it might not be the ideal choice. Here are 5 worst-case scenarios to consider when evaluating if Redis is the right fit for your needs:

Large Datasets: Redis is an in-memory data store. If your data volume is massive and exceeds what can be comfortably stored in memory, Redis becomes impractical. The cost of maintaining enough RAM to hold the entire dataset can be prohibitive. In such cases, traditional databases or distributed file systems like HDFS are better suited for handling large data volumes.
Durability Requirements: While Redis offers persistence options like snapshots and AOF (Append-only File), it's not designed for situations where absolute data consistency and zero downtime are paramount. Frequent data updates and the potential for data loss during failures make Redis less suitable for scenarios requiring the highest level of data durability. Relational databases with strong ACID (Atomicity, Consistency, Isolation, Durability) guarantees might be a better choice.
Complex Data Relationships: Redis excels at storing simple key-value pairs, sorted sets, and lists. However, it's not ideal for modeling complex data relationships often found in relational databases. If your application heavily relies on JOINs, complex queries involving multiple data entities, or intricate data schemas, a traditional relational database would be a more appropriate choice.
High-Throughput Writes: While Redis can handle a significant write volume, it might not be the best fit for scenarios with an extremely high number of writes per second. The in-memory nature of Redis can become a bottleneck for write-heavy workloads. Alternative solutions like Apache Kafka, designed specifically for high-throughput messaging, might be better suited for such use cases.
Limited Geographical Distribution: If your application requires low-latency data access across geographically distributed regions, Redis might not be the optimal solution. Setting up and managing multiple Redis clusters in different locations can be complex. Database solutions with built-in geographic replication or cloud-based offerings with global reach might be a better fit for geographically distributed deployments.

Do share your thoughts about this article, and queries related to Redis in the comments.

Running Redis with Docker

Kunal Agrawal — Sun, 26 May 2024 07:30:07 +0000

Redis is an open-source, in-memory data structure store that brings high performance to your applications. Imagine needing to store data for quick retrievals, like shopping cart contents in an e-commerce app. Redis is perfect for this task, acting as a super-fast cache or even a database for specific use cases.

Redis Functionalities

Data Structures: Redis offers flexibility by supporting various data structures like strings, lists, sets, and sorted sets. You can choose the most efficient structure for your data type.
Blazing Speed: In-memory storage makes Redis extremely fast for data access, ideal for real-time applications and caching frequently used data.
Optional Persistence: While primarily working with in-memory data, Redis allows you to persist data to disk for recovery after restarts using snapshots or append-only files (AOF).
Publish/Subscribe Messaging: Redis can act as a message broker, enabling applications to communicate with each other using a publish-subscribe pattern.

Prerequisites

Docker

Why Dockerize Your Redis?

While traditional Redis installation gets the job done, Docker offers a compelling alternative for running Redis, especially in development environments. Here's why you should consider the Docker approach:

Isolation and Consistency: Docker creates a self-contained environment for Redis, isolating it from your system dependencies. This prevents conflicts and ensures a consistent Redis experience across different development machines, regardless of the underlying operating system.
Effortless Setup and Teardown: Forget complex installation steps! Docker allows you to pull a pre-built Redis image and launch it with a single command. Similarly, removing a Redis instance is as easy as stopping and deleting the container. This streamlines your development workflow.
Version Control Made Easy: Docker excels at managing different versions of software. You can easily switch between Redis versions by pulling the desired image, enabling you to test compatibility and experiment with different functionalities.
Improved Portability with Docker Volumes: Docker volumes are directories on your host machine that persist data outside of containers. By mounting a volume to your Redis container's data directory, you can ensure your data survives container restarts and even transfers between machines. This makes your Redis setup truly portable.
Run Different Databases with Different Versions: Docker excels at managing isolated environments. You can run multiple database containers, each with a different version of the software (e.g., MySQL 8 and PostgreSQL 14) on the same machine. Docker ensures each container operates independently, preventing conflicts between database versions or configurations.
Clean Development Environment: By keeping Redis (and potentially other databases) within containers, you avoid cluttering your local system with their dependencies. This maintains a clean development environment and simplifies troubleshooting.
Scalability Potential: While Docker containers excel at single instances, they also pave the way for future exploration. Docker provides the foundation for easily scaling your Redis setup by managing multiple containers in a cluster if your needs evolve.

Configure Redis on the Host Machine

Pull the Redis Image:

Open your terminal and run the following command to download the official Redis image from Docker Hub:

docker pull redis

Run the Redis Container:

docker run -d --name my-redis -p 6379:6379 redis

-d: Detaches the container from the terminal, allowing it to run in the background.
--name my-redis: Assigns a custom name (my-redis) to the container for easier identification.
-p 6379:6379: Maps the container's port 6379 (default Redis port) to the host machine's port 6379. This allows you to connect to Redis from the host using localhost:6379. If you omit this flag, Redis will be accessible only from within the container itself.
redis: Specifies the image to use, which is redis in this case.

Test Redis Functionality:

To connect with the container running Redis database, enter the following command.

docker exec -it my-redis redis-cli

or you may need to use this command, while using git bash in windows.

winpty docker exec -it my-redis redis-cli

docker: This is the Docker command-line tool used to interact with Docker containers.
exec: This subcommand instructs Docker to execute a process within a running container.
-i: This flag stands for "interactive" and tells Docker to keep the standard input (STDIN) open for the container. This allows you to type commands within the container.
-t: This flag stands for "pseudo-tty" and allocates a pseudo-terminal for the container. This provides a shell-like experience within the container.
my-redis: This is the name you assigned to your Redis container when you ran it using docker run. It specifies which container you want to execute the command in.
redis-cli: This is the actual command you want to run within the container. In this case, it's the redis-cli tool, which is the command-line interface for interacting with Redis.

Redis Insight: A GUI Suite for Effortless Redis Management

Redis Insight simplifies working with Redis by offering a user-friendly GUI for developers. Here are its key strengths:

Visualize & Manage Data: Effortlessly browse, filter, and interact with your Redis data structures.
Supports Various Structures: Work seamlessly with strings, lists, sets, sorted sets, and hashes.
Flexible Data Display: Choose from various data formats like JSON, hexadecimal, and more.
Redis Module Friendly: Interact with custom functionalities provided by Redis modules.
Docker Integration: Manage Redis instances running within Docker containers.

Setup with Redis Insight

docker run -d --name my-redis -p 6379:6379 -p 8001:8001 -e REDIS_ARGS="--requirepass mypassword" redis/redis-stack:latest

Using this you can have a nice GUI for your database along with the terminal available at localhost:8001.

Do share your thoughts about this article, and queries related to Redis in the comments.

The Great Web Challenges

Kunal Agrawal — Wed, 22 May 2024 04:20:54 +0000

Your web development life is going to end now. 🔚

Hey coders, let's face it 🙃. This web dev life is a rollercoaster. We spend hours crafting beautiful code, only to have it haunted by the ghosts of deprecated APIs. We dream up million-dollar ideas in a caffeine-fueled haze, then drown in the reality of unplanned projects.

The Framework Frenzy:

Next.js, Nuxt.js – these frameworks sing a siren song of next-gen awesomeness. But hold on there, cowboy! Before you dive headfirst, remember that clean, maintainable code is a developer's best friend. People would rather have a working app today than a feature-packed monster tomorrow. Let's focus on getting things done, and then optimize for greatness.

The Feature Creep Blues:

Machine learning! Enterprise-grade components! Our apps are gonna be glorious! Except... wait, where'd the deadline go? We're lost in a tutorial hell, adding features like a squirrel collecting nuts. Sometimes, "good enough" is good enough. Let's ship it, iterate, and avoid becoming feature-creep zombies.

The Developer's Lament:

We write, we repeat, we wrestle with code that sometimes feels like it has a mind of its own (Ps: This is me). But hey, that's the beauty ✨(and sometimes the curse 😈) of this crazy world we call web development.

So, the next time you're neck-deep in code, take a breath, fellow developer. We're in this together. Maybe a call to action? Share your dev woes in the comments!

Say No to SQL 🙅

Kunal Agrawal — Mon, 06 May 2024 04:51:28 +0000

Attention Developers!

Are you facing these problems with the current application architecture?

High Throughput to the SQL database.
Bottleneck in the SQL database.

An In-memory data store will be the solution to the problem. Redis is the most popular option available in the market for In-memory data storage, and cache. Redis has a wide ecosystem because major tech giants adopt it, it's an open-source project developed by Salvatore Sanfilippo. Redis stands for Remote Dictionary Server.

In layman's terms, consider Redis an index page in the textbook.
Here key-value pairs are stored. Where value can be in different data structures like sorted sets, lists, stacks, strings, and integers.
The limitation of this In-Memory data store is, that it comes with a significant increase in costs. The solution is to use a memory hierarchy according to the application requirements.

FYI: Even your device uses a Memory Hierarchy to provide the best storage organization corresponding to its value.

Memory Hierarchy

Memory Hierarchy is the design to organize computer memory components according to their response time. It includes the use of several memory components like Cache, RAM, ROM, and SSD/HDD.

Why to use In-Memory data store?

Ques - Why should we use something like Redis, where we can simply store the value in a Map data structure with the key corresponding to it, and serve the concurrent requests with it?

Scaling

Yes, It will work with Monolith architecture. However, it is required to vertically scale up the system by adding more resources like RAM and CPUs. But by using Redis we can horizontally scale up the infrastructure by adding more Redis servers to the cluster.
ACID Compliance

Redis supports partial ACID compliance because it's single-threaded which guarantees consistency and isolation. The use of system memory will heavily increase CPU usage and RAM consumption which slows the application process. Also, redis supports the expiration of keys, regarding time or use of the record. so it automatically deletes the record when no longer in use.
Community Support

Redis is an open-source project with services like Pub-Sub, Data Streams, Vector Search, etc. Where each of the services is backed by the most optimized algorithms and data structures available to the market.
Concurrent Request

Redis uses single-threaded event-driven architecture, also the response time for Redis is 1000 times faster compared to SQL databases when 100 users read the database. Also by using event-driven architecture, it can handle high throughput with ease.

Is Redis a replacement for SQL Databases?

Consider Redis as a plugin for your database infrastructure, which makes your application blazingly fast.

That's it for this article, I hope you learn something useful. Share your thoughts on this article on socials.

Let's Connect -
Tweet Thanks
https://linktr.ee/kunal.dev

Craft your perfect VSCode experience.

Kunal Agrawal — Thu, 15 Jun 2023 16:28:36 +0000

The Visual Studio Code, most of us love this code editor. Didn't we but "Love, like any flame, can grow dim with time if not tended to with care and effort."
Here is the following tips to make most of your code editor.

Themes

Themes are great to get tailor experience of code editor.

Here are some of my favorite themes.

Dracula dracula-theme.theme-dracula
One atom akamud.vscode-theme-onedark
Monokai monokai.theme-monokai-pro-vscode
Batman Mono IsaGoksu.batman-mono-theme
Abyss MatongoMulindi.abyss

Just try this ones or search @category:"themes" in your extension bar.

Fonts

Font style matters most in code editor. you can use any mono type font available in your system. I recommend using Google Fonts.

Some of my favorite fonts are -

Space Mono
Ubuntu Mono
Roboto Mono

Icons

There are bunch of libraries, tools and frameworks we use while development. It will be great that we get there icons right in our IDE. Here's a look using icon themes in vscode.

Some of my favorite icon themes are -

Atom Material Icons
Material Icon theme

for more icon themes search tag:icon-theme in extension bar.

You can also change icons on the sidebar in vscode settings > themes > product icon themes

Extensions

Tailwind Fold stivo.tailwind-fold - want to view your markup code and stuck with multiple lines of unwanted tailwind classes use this tool. It will hide the tailwind utility classes which gives you clear idea of your markup.
Git Graph mhutchie.git-graph - Most of us developers uses version control systems like git. We can see commits with a GUI using git graph right in IDE.

Extra Tips

if you're using git bash in windows machine you can install oh-my-bash for themes available for terminal.
Horizontal scroll your code is always a pain. you can use word-wrap just hit alt+z.

This tips and themes are slightly oriented for web developers but feel free to comment down your suggestions below.

Hope you find this blog informational. Consider to shower it with your love.

Share about this blog on socials -
Tweet

Let's Connect.
LinkTree

Mastering Express: Building Robust TypeScript Servers with Ease.

Kunal Agrawal — Fri, 05 May 2023 18:04:47 +0000

This article is a step by step tutorial to create a express server using typescript.

Note: Typescript cannot be run directly into node runtime environment, although runtime like Deno, Bun supports typescript.

Create a folder, initialize npm package using:

npm init --y

Let's install dependencies required to create express server.
express, @types/express to use type definitions, intellisense in code editor. Also few developer dependencies like typescript to convert typescript file into javascript file, nodemon to ease our development (it automatically watch for changes, and reload your code in runtime), concurrently to run both the above developer dependencies simultaneously.

npm i express @types/express && npm i -d nodemon concurrently

Let's initialize typescript in the project. using the following command

npx tsc --init

A tsconfig.json file will be created in the project. In the tsconfig.json file uncomment outDir line and enter a outDir (dist here):

"outDir": "./dist"

Let's create a NPM script for this typescript express configuration.

In pacakage.json file add following code,

"dev" : "concurrently \" tsc --watch\" \"nodemon dist/index.js\""

also remove a line

"main" : "index.js"

now the final part, create index.ts file.

import express from "express";
const PORT = 3000;
const app = express();
app.get("/",(req,res)=>{
  res.send("Hello");
}
app.listen(PORT);

Run the dev script you just created in command line using:

npm run dev

That's it you're good to go, your express typescript server is ready at localhost, port 3000 Link

Let's Connect -
Tweet Thanks
LinkTree

Prompt (Proompt) Engineering in ChatGPT.

Kunal Agrawal — Mon, 10 Apr 2023 10:12:33 +0000

Since a lot of us are using the ChatGPT (3.5), copilot tools like Github Copilot and other Generative AI to easily do our tasks. It's a while now using prompt to generate content, code.

so this article is all about prompt and how to develop prompt to get desired results in the chatGPT.

I asked chatGPT itself like when you'll give correct answers 😂.
Explain me the answers like this man.

Input and Output to ChatGPT has some limits, 500 words for Input and 3000 words for Output. This is just approximate values as limit chatGPT totally depends on number of tokens.

Let's build an Ecommerce Application with ChatGPT

Create an Ecommerce Application using Web3 and machine learning.

You just need to be more informative. ℹ️

You can talk to GPT more about the process like how to setup backend.
how's your codebase structure.
Which language, framework to choose.
Data Flow of Application.

Since, output is limited to certain number of tokens you can ask chatGPT to return only code.

Prompt results vary based on previous conversations. so there is no proper way to get same response everytime.

You shouldn't ask questions about news, current affairs because it's trained on past data.

This is Serious 👇

Recently Vector Databases like Pinecone, Weaviate is launched and can help models like GPT to improve themeselves and provide results faster. Also there is a new GitHub repo called AutoGPT Link that demonstrates capabilities of GPT Model, it can make GPT model to act like a person with specific configuration. It's an example of how model can improve themselves.

Let's Connect -
Tweet Thanks
https://linktr.ee/kunal.dev

Rev Up Your Web Development with These Must-Try CSS Frameworks and Libraries

Kunal Agrawal — Wed, 05 Apr 2023 02:10:28 +0000

📝 A Guide to Different CSS Frameworks and Libraries

CSS (Cascading Style Sheets) is an essential component of web development, and using CSS frameworks and libraries can help streamline the development process. Here, we'll explore some of the most popular CSS frameworks and libraries and discuss how they can be used to enhance your web development projects.

💻 SASS

SASS (Syntactically Awesome Style Sheets) is a CSS preprocessor that allows developers to write code in a more efficient and organized way. SASS offers features like variables, mixins, and functions that simplify the code and make it more maintainable. The preprocessor also supports nesting and inheritance, allowing developers to write clean and concise code.

SASS is particularly useful for large-scale projects where stylesheets can become unmanageable. By using SASS, developers can keep their code organized and maintainable, resulting in faster and more efficient development.

🚀 Bootstrap

Bootstrap is one of the most widely used CSS frameworks and is known for its extensive library of components, responsive design, and ease of use. Bootstrap is particularly useful for developers who need to create web applications quickly, as it provides a range of pre-built components that can be easily customized.

Bootstrap is also known for its mobile-first approach, which makes it easy to create responsive websites that look great on any device. With its large community and extensive documentation, Bootstrap is an excellent choice for developers who need to build web applications quickly and efficiently.

🎨 Tailwind CSS

Tailwind CSS is a utility-first CSS framework that allows developers to create custom designs quickly and easily. Tailwind provides a range of pre-built CSS classes that can be used to create custom designs, allowing developers to focus on creating unique layouts and designs.

Tailwind is particularly useful for developers who want to create custom designs without writing custom CSS code. With its extensive library of classes, developers can create complex layouts and designs quickly and efficiently, resulting in faster development times.

🌟 Materialize

Materialize is a CSS framework based on Google's Material Design guidelines. Materialize provides a range of pre-built components that can be used to create beautiful and responsive websites quickly and easily. Materialize is known for its clean and modern design, making it an excellent choice for developers who want to create websites that look great on any device.

Materialize also provides a range of JavaScript components, making it easy to create interactive and dynamic websites. With its extensive documentation and active community, Materialize is an excellent choice for developers who want to create beautiful and responsive websites quickly and efficiently.

💡 Conclusion

CSS frameworks and libraries can help streamline the development process and make it easier to create beautiful and responsive websites quickly and efficiently. By choosing the right CSS framework or library, developers can save time and create better designs.

Whether you're looking for a pre-built library of components or a utility-first CSS framework, there are many options available to choose from. By exploring different frameworks and libraries, you can find the right tools to help you create stunning websites that look great on any device.

Let's Connect -
Tweet Thanks
https://linktr.ee/kunal.dev

JavaScript, useState React Array Handling methods.

Kunal Agrawal — Thu, 30 Mar 2023 07:35:46 +0000

we often used variable of array type with useState hook in react and came in a dead end where our variable doesn't update as wanted.

so here are some ways-

Consider

const fruits = ["apple", "orange", "grapes", "strawberry"]
const [fruitsState, setFruits] = useState(fruits)

Read

To read data in variable u can simply write

<>
    {/* console.log(fruits) */}
    <ul>
        {fruitsState.map((fruit)=>{
            return <li>{fruit}</li>
        })
    }
</ul>
<>

Update

To update elements in array

setFruits(setFruitsState.filter((fruit)=> `Lovely, ${fruit}`))

Add

setFruits([newFruit, ...fruitsState])

Delete

To delete elements from array

// select a fruit
const deleteFruit = 'apple'
setFruits(fruitsState.filter(fruit => fruit!=deleteFruit))

Enjoy Hacking CRA (create react app). 😂
Read more articles about react and its libraries.

That's it for this article, hope you get something useful. Share your thoughts on this article in socials.

Let's Connect -
Tweet Thanks
https://linktr.ee/kunal.dev

Kill node_modules 😡

Kunal Agrawal — Sun, 26 Mar 2023 16:22:02 +0000

Why node_modules?

node_modules, each of our incomplete million dollar project contains this folder, which is taking some fair amount of space in your PC. so how to remove it?

One way is that you can sink your ship 🚢 into your codebase hell and delete node_modules folder one by one.

or you can run

npx npkill

This gives you a nice CLI to delete node_modules from your million dollar projects.

Just hit space and that will delete node_modules from that folder.

But that seems like u're using a node module to delete a node_modules.

If you love 💖 to use terminal, and more concerning about Developer Experience (DX). you can use this command instead

rm -r **/node_modules

this will remove all sub node_modules folder inside your project.

Now we have modern javascript runtime like deno, bun. That's support out of the box TypeScript Support, can manage packages using URL based configuration. So stop using node_modules 😂

That's it for this article, hope you get something useful. Share your thoughts on this article in socials.

Let's Connect -
Tweet Thanks
https://linktr.ee/kunal.dev

Must use libraries with react -> Framework ;)

Kunal Agrawal — Tue, 21 Mar 2023 08:37:44 +0000

Hey folks, a lot of us struggle to work with react, where to start, how to do, because of wide variety of libraries, frameworks are available to use with react.

with new react.js documentation out, it's now time to upgrade our web development workflow, In this article we will going to see some react libraries to make react a complete framework.

Libraries

React Router Dom 📃

It's hard to navigate between different routes using only react library, by using context, state hooks may make it possible but it's get harder and harder when the app complexity grows.

Handling dynamic routes, user navigation, navigation history are some of the key features of this library. It's among top libraries in the npmjs for routing.

Formik

Another useful library to handle forms in react is Formik, they have drip'in title saying Build forms in React, without the tears. Sure forms can be handled using useRef hooks but if you're using typescript this hooks can be painful, also more errors like type of HTML Input element you are using in the component.

This library contains hooks like

useField, useFormik

to ease the form building, validation and error handling process. You'll love it just give it a try. Link

UI library

Creating custom components, that too with responsive and good design is time taking. You can use UI library components like MUI Link, React-Bootstrap Link, there are some new libraries you must try out like Fluent UI by microsoft Link, Ant Design Link

Build Tools

CRA (create react app) is now deprecated, even new official react documentation is not supporting it. You should be using frameworks like Vite Link, metaframeworks like Next.js Link to work with react.

That's it for this article, hope you get something useful. Share your thoughts on this article in socials.

Let's Connect -
Tweet Thanks
https://linktr.ee/kunal.dev

Does Typescript make you slower?

Kunal Agrawal — Thu, 16 Mar 2023 16:31:42 +0000

This Post is all about Typescript and DX (Developer Experience) 😎.

Many folks think writing down code in typescript creates more errors, and writing unnecessary code.
Even I had also the same thoughts at a point in time when I started learning about TypeScript and replacing it with JavaScript in my development workflow.

It seems difficult to set up a typescript express server on your own, without using any templates.

Earlier, using TypeScript in your codebase increases one extra step that’s to convert typescript into javascript and then run it in an environment like Node.js. But with the increasing popularity of Typescript among developers, new runtime environments like Bun and Deno supports, Typescript as First Class Language that’s Typescript can directly be compiled and run.

So, why use TypeScript?

Intellisense
Standard Documentation
Can be converted to the previous version of the javascript
Type Safety

Editors like Vs code provides special privileges like intellisense, error checking and more when working with well documented languages like TypeScript.

Using typescript allows to convert code into any other javascript version, so compatibility not being an issue working with typescript.

Type Safety, dynamically typed languages like javascript are very great for writing well structured code, but increases chances of error also when a variable is undefined or null. although it can be handled using try and catch. but this doesn't seems efficient way throughout codebase.

Typescript is among top 4 in most loved programming language.

Thanks for reading this article.
For more, follow
kunal.dev

DEV Community: Kunal Agrawal

When Shouldn't You Use Redis?

Running Redis with Docker

Redis Functionalities

Prerequisites

Why Dockerize Your Redis?

Configure Redis on the Host Machine

Pull the Redis Image:

Run the Redis Container:

Test Redis Functionality:

Redis Insight: A GUI Suite for Effortless Redis Management

Setup with Redis Insight

The Great Web Challenges

The Framework Frenzy:

The Feature Creep Blues:

The Developer's Lament:

Say No to SQL 🙅

Attention Developers!

Memory Hierarchy

Why to use In-Memory data store?

Scaling

ACID Compliance

Community Support

Concurrent Request

Is Redis a replacement for SQL Databases?

Craft your perfect VSCode experience.

Themes

Fonts

Icons

Extensions

Extra Tips

Mastering Express: Building Robust TypeScript Servers with Ease.

Prompt (Proompt) Engineering in ChatGPT.

This is Serious 👇

Rev Up Your Web Development with These Must-Try CSS Frameworks and Libraries

📝 A Guide to Different CSS Frameworks and Libraries

💻 SASS

🚀 Bootstrap

🎨 Tailwind CSS

🌟 Materialize

💡 Conclusion

JavaScript, useState React Array Handling methods.

Consider

Read

Update

Add

Delete

Kill node_modules 😡

Why node_modules?

Must use libraries with react -> Framework ;)

Libraries

Does Typescript make you slower?