Best of HashnodeDecember 2020

  1. 1
    Article
    Avatar of hashnodeHashnode·5y

    50 free tools and resources you're gonna love (Part 2)

    Free tools and resources you're gonna love. Part 2 of a two-part series on free software. The next part of the series will look at free software for developers. The second part will focus on software that is free for developers, including SaaS, PaaS and IaaS.

  2. 2
    Article
    Avatar of hashnodeHashnode·5y

    9 Useful apps for Developers

  3. 3
    Article
    Avatar of hashnodeHashnode·5y

    11 Beautiful VS Code Themes for 2021

    2021 is just a few weeks away, so what better time to switch things up?! I asked for community recommendations for new VS Code themes and was introduced to a lot of awesome new themes. So with that - Here are 11 amazing VS code themes to try for 2021.Disclaimer - Changing your VS Code theme will not make you a better developer.

  4. 4
    Article
    Avatar of hashnodeHashnode·5y

    A Better Way to Structure React Projects

    Atomic design is Brad Frost’s methodology for building design systems. The idea is that we can take the basic building blocks of living things and give our UI a hierarchical structure based on it. Atomic design is a framework that can help bridge the communication gap between development and design. It is important that developers understand it so they speak to designers in a unified language.

  5. 5
    Article
    Avatar of hashnodeHashnode·5y

    GitHub repositories to improve your programming skills

    Freely available programming books. Coding Interview University. The Node.js best practices list. Clean Code JavaScript concepts adapted for JavaScript. Free For Dev offerings that have free tiers of interest to devops and infradev. A list of awesome beginners-friendly projects.

  6. 6
    Article
    Avatar of hashnodeHashnode·5y

    16 Simple Tips to Boost Your Productivity x10

    These easy-to-follow tips will improve your output dramatically. Slice your time using blocks of time without interruptions (timeboxing) Find Homes for everything (real or virtual) and keep inboxes for things a couple of days. Automate repetitive tasks (never automate when DOING a task)

  7. 7
    Article
    Avatar of hashnodeHashnode·5y

    50 free tools and resources you're gonna love

    Free and open-source icons designed with attention to detail to make your design stand out. Remove bg.g.Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free. Canva's drag-and-drop feature and layouts to design, share and print business cards.

  8. 8
    Article
    Avatar of hashnodeHashnode·5y

    How I Easily Code For 8+ Hours Without Feeling Tired (My Productivity System)

    After 62+ self-development books, dozens of articles and studies about productivity, and my trials and errors, I have created a productivity system that helps me to code, write, create, and live at my maximum capabilities without procrastination, tiredness, and brain fog. The system stays on 3 main pillars:Schedule. To-do list. System 69 (!)

  9. 9
    Article
    Avatar of hashnodeHashnode·5y

    4 Front-End Trends and 1 Loser - 2021 Edition

    Svelte has been around for a few years, with the latest version (3) shipping in 2019. It has over 39K stars on GitHub, but it’s not widely used in bigger projects. Remix is a React- and Node-based full-stack framework that brings you state-of-the-art web development.

  10. 10
    Article
    Avatar of hashnodeHashnode·5y

    How to Comment Your Code Like a Boss

    Comments in your code are much the same. Good, clear, and necessary comments can help keep an otherwise convoluted narrative of code become a clear, easy-to-follow story. Two main ideas that have helped me when deciding if a section of code needs comments are these: Code should explain what is happening, and clear naming will help make your code be clear and easy to follow.

  11. 11
    Article
    Avatar of hashnodeHashnode·5y

    Top VS Code Extensions Every Developer Should Use 🛠

    Visual Studio Code is a free source-code editor made by Microsoft for Windows, Linux, and macOS. Features include support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git. In this article, I'll be sharing top VS Code Extensions you must-have for making your life easier.

  12. 12
    Article
    Avatar of hashnodeHashnode·5y

    🚀 Top 33 JavaScript Projects on GitHub (December 2020)

    GitHub snapshot of 33 most starred open-sourced JavaScript repositories on GitHub as of December 10th, 2020. 2020 is coming to its end, and we may do another snapshot. You may compare it to the snapshot from 2018. You can also query the GitHub to fetch the latest results.

  13. 13
    Article
    Avatar of hashnodeHashnode·5y

    Cool Vscode Extensions for Developers

    The Vscode Extension allows you to add tools, languages, debuggers, and much more to your code editor. With the vscode extension, developers write faster, cleaner, and more consistent code. To get started is quite simple, we just have to install the extensions on our editor from the extensions panel.

  14. 14
    Article
    Avatar of hashnodeHashnode·5y

    Why you should switch to Linux today.

    The author was an avid Windows user right from the start. He was amazed by the performance, looks, and overall usage of Linux. The main reason why developers like Linux over windows, is because of the compilation advantage which Linux has. An app build on windows can take anywhere between 2 minutes to 30 minutes, but the same code on Linux will compile it in seconds.

  15. 15
    Article
    Avatar of hashnodeHashnode·5y

    I made a collection of more than 120 TailwindCSS blocks ready to copy-paste and is 100% Free

  16. 16
    Article
    Avatar of hashnodeHashnode·5y

    5 Must-Haves for a Developer

    Every developer needs a text editor or IDE to write code with, right? And so far, VS Code is top-notch. Hashnode enables developers to create a blog mapped to their own domain for free. GitHub also serves as a storage for your code. Trello Management: Stay updated with new technologies with daily updates.

  17. 17
    Article
    Avatar of hashnodeHashnode·5y

    Build Beautiful Documentation Websites with Docusaurus

    Docusaurus is an easy-to-use documentation site generator powered by React and uses Markdown to write docs. You can easily customize the documentation sidebar for your own documentation. The default sidebar is someSidebar but you can change the values in sidebar.js to create your own.

  18. 18
    Article
    Avatar of hashnodeHashnode·5y

    2 months of Learning React.js and The project I worked on

    This article is all about what I've learnt through my React JS journey and the BIG project I worked on to practice. I started with a course Complete Intro to React, v5 on Frontend Masters by Brian Holt which was hard to comprehend because I hadn't read most of the React concepts I guess. Then I moved to freecodecamp React section which explained a lot and made me understand what was going on in the previous course. Finally, I completed the Frontendmaster's React course which increased my grasp of some concepts like Composing and so on.

  19. 19
    Article
    Avatar of hashnodeHashnode·5y

    11 JavaScript Console Commands Explained

  20. 20
    Article
    Avatar of hashnodeHashnode·5y

    12 Common JavaScript Questions I Used to Ask in Interview.

  21. 21
    Article
    Avatar of hashnodeHashnode·5y

    Make your GitHub Profile Stand Out with an Awesome Profile README!

  22. 22
    Article
    Avatar of hashnodeHashnode·5y

    10 Innovative Examples of JavaScript in Action For Your Inspiration.

  23. 23
    Article
    Avatar of hashnodeHashnode·5y

    4 Programming Language That Will Dominate 2021

  24. 24
    Article
    Avatar of hashnodeHashnode·5y

    Top Chrome Extensions Every Developer Should Use 🛠

    Google Chrome is a cross-platform web browser developed by Google. It allows us to access a massive repository of Chrome extensions and resources that make our everyday activities less of a hassle. Below is a list of the best extensions that we can make use of on a daily basis. Let me know your thoughts on this in the comments section.

  25. 25
    Article
    Avatar of hashnodeHashnode·5y

    Common React Hooks cheatsheet - React, Redux, Router and Ionic friendly

    React Hooks provide React developers the ability to write functional components while accessing Reacts core features. Hooks include useState, useEffect, useRef, useDispatch and useSelect. UseState allows you to create, read and update a stateful value for your application. UseRef returns a mutable object with a current property which holds a reference to an HTML element.