Lokesh Sharma.

Blogs

Explore my latest musings and in-depth articles on various subjects, including MERN stack development, software engineering best practices, and industry insights.


  • Level Up Your TypeScript: A Guide to Built-in Types

    Level Up Your TypeScript: A Guide to Built-in Types

    TypeScript, a superset of JavaScript, provides developers with static typing capabilities. This means you specify the data types that your variables and functions will accept, which improves code clarity, maintainability, and catches errors early in ...

    • TypeScript
    • typescript types
    • JavaScript
  • Validate forms with NextJS 14, typescript, and Zod

    Validate forms with NextJS 14, typescript, and Zod

    Next.js 14, with its emphasis on efficiency and developer experience, makes an excellent platform for developing modern web apps. However, ensuring user input validity is critical to providing a satisfactory user experience. This blog article discuss...

    • nextjs 14
    • TypeScript
    • zod
  • Level Up Your React: Adding Basic TypeScript for Stronger Components

    Level Up Your React: Adding Basic TypeScript for Stronger Components

    Building React applications often involves moving data and manipulating the DOM. JavaScript, while strong, is prone to type mistakes at runtime. TypeScript, a superset of JavaScript, comes to the rescue by ensuring type safety, resulting in more robu...

    • TypeScript
    • React
    • Typescript + React
  • Building Reusable and Styled React Components with Tailwind CSS: Inspired by Shadcn/ui

    Building Reusable and Styled React Components with Tailwind CSS: Inspired by Shadcn/ui

    Shadcn/ui has become a popular choice for building UIs in React projects. a strength rests in a set of well-styled and reusable components that take advantage of Tailwind CSS. This blog post has shown you how to create identical components in your Re...

    • tailwind variants
    • React
    • shadcn
  • Setting Up Path Aliases in Next.js 14 and Vite + React.js

    Setting Up Path Aliases in Next.js 14 and Vite + React.js

    In current JavaScript programmes, controlling import paths can be difficult, especially when dealing with deeply nested structures. Path aliases come to the rescue by allowing you to create shorter, more legible aliases for frequently used paths. Thi...

    • path-aliases
    • vite
    • React
  • Secure Your ExpressJS & ReactJS App: User Authentication with JWT

    Secure Your ExpressJS & ReactJS App: User Authentication with JWT

    User authentication is an essential component of every modern Web application. It enables you to restrict access to specific features and data based on a user's login state. This tutorial will walk you through creating user authentication with JSON W...

    • JWT
    • Express
    • React