Jarrod WattsforJarrod Wattsjarrodwatts.hashnode.net·May 4, 2021FeaturedHow To Style Your Next.JS Projects EXACTLY Like Google (in TypeScript)Introduction Sticking to a consistent style guide is something that we all love doing as programmers. Whether it's spaces instead of tabs, double quotes instead of single, or putting your {'s on a new line (if you are a savage). Sometimes, however, ...Pankaj Patel and 3 others are discussing this4 people are discussing thisDiscuss·105 likes·28.4K readsNext.js
Kieran Roberts jkbasjkbfbjaksbfjbjasbfjbdsjkfbfor@Kieran6devkieranroberts.hashnode.net·Jul 2, 2021FeaturedWhat the hell is Conformance? Highlighted in Next.js 11Next.js 11 is the latest update to the popular React framework and it introduced a bunch of new and exciting features. Also included in the update is something known as Conformance, but what the hell is it and why do we need it? Well, you've come to...Shad Mirza and 5 others are discussing this6 people are discussing thisDiscuss·101 likes·2.6K readsEverything Next.jsNext.js
Maxime VasseforReact Storywebdif.hashnode.net·Feb 2, 2021FeaturedReact.js: Switch from PropTypes to TypeScriptIf you are a React.js developer and does not use TypeScript, this article is for you! 📱 Props are a communication channel Components are the core feature of the React library. It allows us a real separation of concerns. For building a complete UI, w...Catalin Pit and 1 other are discussing this2 people are discussing thisDiscuss·71 likes·1.6K readsReact
Shaun Hforhypno_scriptshypno.hashnode.net·Apr 8, 2023TypeScript Made Easy: Setting Up ESLint in VSCodeDo you want to ensure that your TypeScript code is clean and error-free? Do you use Visual Studio Code (VSCode) as your code editor? If so, then you should consider installing and configuring ESLint for TypeScript in VSCode. ESLint is a popular linti...Discuss·28 readsSnippets & Tidbitseslint
Shittu Muhammedformshittu.hashnode.net·Apr 2, 2023Mastering Code Formatting with Prettier in Next.js TypeScript ProjectsIntroduction: In our previous article, we walked through the process of setting up ESLint in a Next.js 13 TypeScript project to improve code quality and consistency. The source code for the ESlint can be found on this Github repo. However, ESLint onl...Discuss·56 readseslint
Bhanuka Mallawaarachchiforbmaxbmax.hashnode.net·Mar 29, 2023Code formatting in NeovimAs simple as it sound code formatting can get very complecated when you need to do it accross different filetype. I'm not a big fan of auto formatting on save, I like to choose when to format my code. But the problem with code formatting is there a m...Discuss·26 readsvim
Shittu Muhammedformshittu.hashnode.net·Mar 26, 2023Setting up ESLint in a Next.js TypeScript Project: Improving Code Quality and ConsistencyLinting is an essential process for ensuring that our codebase is free of errors, adheres to best practices, and follows a consistent style. By analyzing source code, linters like ESLint can detect potential issues and provide recommendations to impr...Discuss·51 readseslint
Mridul PandaforMridul - Hashnodemriduls.hashnode.net·Mar 4, 20235 VS Code Extensions to Write Better CodeVisual Studio Code (VS Code) is one of the most popular code editors among developers. It's a free and open-source code editor that comes with built-in features like IntelliSense, debugging, Git control, and syntax highlighting, making coding a lot e...Discussvscode extensions
Sood RuchikaforRuchikaSoodruchikasood.hashnode.net·Jan 31, 2023How to ignore eslint errors, type errors in nextjs build!Well, this is something that will land you in a dangerous situation. But sometimes deploying your build becomes more important than fixing the type error which you are getting and you are not able to fix. If you are having a NextJs app, and you want ...Discuss·29 readseslint
Afolabi Ifeoluwaforafoxcute.hashnode.net·Jan 22, 2023Create nextjs app with typescript, eslint and tailwindcssnpx create-next-app@latest --typescript --eslint --example with-tailwindcss Use the above command to quickly bootstrap a nextjs app with ts, eslint and tailwindcss. If you are using yarn, After running the above command successfully you need to dele...Discuss·28 readsNext.js
Manuel SpigolonforBackend Cafebackend-1634412935050.hashnode.net·Jan 9, 2023What is AST?You may have seen the term "AST" in multiple contexts without digging into what it actually means. It is a common term in compiler theory, and it is also used in the context of static analysis. In this post, we will see what an AST is, and we will fo...Discuss·1 like·254 readstools
Sood RuchikaforRuchikaSoodruchikasood.hashnode.net·Dec 20, 2022Eslint configuration for unused variables in NextJs app, with typescriptYou can use the below eslint config in your nextjs, typescript app.Do not forget to include the required pkgs in package.json { "root":true, "parser": "@typescript-eslint/parser", "extends": [ "prettier", "eslint:recommended", "plug...Discuss·106 readseslint
Vlad MihetforVlad's Blogvladmihet.hashnode.net·Nov 14, 2022How to set up ESLint in ReactAs your project grows, it also becomes harder to track and control, especially with more developers joining the project. So what can you do? To avoid creating a messy project fuelled by spaghetti code, some standard conventions, methodologies, and to...Discuss·1 like·66 readseslint config
