Open in app
Home
Notifications
Lists
Stories

Write
Adrian-Gabriel Manduc
Adrian-Gabriel Manduc

Home

Pinned

25 VS Code extensions for (React ) frontend developers

In the recent years, Visual Studio Code has gained a lot of popularity, making it one of the top code editor choices for frontend (and not only) developers. As a developer, I’ve always been intrigued by cutting edge tools & technologies and ways to increase my productivity. One of the…

React

3 min read

VS Code extensions for (React ) frontend developers
VS Code extensions for (React ) frontend developers

Published in JavaScript in Plain English

·Pinned

How to Create a Custom VS Code Snippet to Scaffold Your React Components

As I was mentioning in one of my previous articles, I’ve always tried to find tools & techniques that help me code faster and better. Besides the ability to install and use extensions, another amazing VS Code tool is Code Snippets. …

Web Development

4 min read

How to Create a Custom VS Code Snippet to Scaffold Your React Components
How to Create a Custom VS Code Snippet to Scaffold Your React Components

Pinned

Path aliases in Create React App (v4) without ejecting

As soon as a React application starts growing in size and complexity, various problems also arise. One of those is managing module imports, especially when the codebase contains several folders, nested on multiple levels. Very often you’ll end up having very long import statements using relative paths.

React

3 min read

Path aliases in Create React App (v4) without ejecting
Path aliases in Create React App (v4) without ejecting

Dec 14, 2021

How to show a loader when navigating between pages in Next.js

In this article we will implement a NavigationLoader component that will be displayed whiled navigating between two Next.js pages. TLDR just show me the working code already! code and demo Introduction Next.js is an amazing framework for creating React applications, with built in support for features such as server side rendering…

Software Development

4 min read

How to show a loader when navigating between pages in Next.js
How to show a loader when navigating between pages in Next.js

Jun 19, 2021

Using Google Fonts in Next.js 10.2+

To use Google Fonts in a Next.js application you would typically either create a custom Document file or create a custom Head component where you would use a regular HTML link tag to download the font: <link href="https://fonts.googleapis.com/css2family=Lato&display=swap" rel="stylesheet" /> This approach worked perfectly fine, however it had one disadvantage…

React

2 min read

Using Google Fonts in Next.js 10.2+
Using Google Fonts in Next.js 10.2+

Jun 11, 2021

How to create a SASS (SCSS) mixin for responsive design

Despite CSS evolving and CSS-in-JS solutions becoming very popular, SCSS is still a very powerful styling solution for responsive web applications, especially when paired with css-modules. Several studies show that most of the web traffic already comes from mobile devices and this number will continue to grow. This of course…

Scss

2 min read

How to create a SCSS mixin for responsive design
How to create a SCSS mixin for responsive design

Jan 10, 2021

How to create a JavaScript library and publish it to npm

Did you ever write some amazing code that you wanted to use in all your projects and you ended up manually copying it over ? I did. Even if I knew I could do it in a better way, I thought that the whole process of creating and publishing an…

NPM

4 min read

How to create a JS library and publish it to npm
How to create a JS library and publish it to npm
Adrian-Gabriel Manduc

Adrian-Gabriel Manduc

Fullstack JavaScript Developer | UI&UX Enthusiast

Following
  • Ducu Sultan

    Ducu Sultan

  • Andrei Pirvulet

    Andrei Pirvulet

  • Ahmet Yusuf Başaran

    Ahmet Yusuf Başaran

  • DD

    DD

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Knowable