Best of daily.devDecember 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 freecodecampfreeCodeCamp·5y

    How to Master JavaScript Promises and Async/Await in 20 Minutes

    .com. How to Learn JavaScript Promises and Async/Await in 20 Minutes by Thu Nghiem. Learn how to use Async and await in 20 minutes by watching this video. Watch this video to learn more about JavaScript promises and async/await.

  3. 3
    Article
    Avatar of hashnodeHashnode·5y

    9 Useful apps for Developers

  4. 4
    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.

  5. 5
    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.

  6. 6
    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.

  7. 7
    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)

  8. 8
    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.

  9. 9
    Article
    Avatar of addyAddy Osmani·5y

    React Server Components

    React Server Components aim to enable modern UX with a server-driven mental model. This is quite different to Server-side Rendering (SSR) of components and could result in significantly smaller client-side JavaScript bundles. I'm quite excited about the direction of this work, and while it isn't yet production ready, is worth keeping on your radar.

  10. 10
    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 (!)

  11. 11
    Article
    Avatar of webweb.dev·5y

    Centering in CSS

    Centering in CSS is a notorious challenge, fraught with jokes and mockery. Follow 5 centering techniques as they go through a series of tests to see which one is the most resilient to change. At the end, I reveal the highest scoring technique, as well as a "most valuable"

  12. 12
    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.

  13. 13
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    How to Learn Web Development in 2021 - a Web Developer Roadmap

  14. 14
    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.

  15. 15
    Article
    Avatar of redstRed Stapler·5y

    Thanos.js Tutorial – Restore Balance to your Project

    Node.js app is actually disintegrate your project at the snap command. Let’s see how it works! Installation If you search google for Thanos.js there are 2 versions. The first one is on node.js and the other is apparently just a parody site.

  16. 16
    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.

  17. 17
    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.

  18. 18
    Article
    Avatar of gqleditGraphQL Editor·5y

    Top React libraries you need to know in 2021

    Gatsby.js and Next.js are two starter frameworks for React. Hook is a light-weight form library for React and React Native. Redux is the most popular choice when it comes to state management with React. Formik is packed with dozens of micro features like different types of validation.

  19. 19
    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.

  20. 20
    Article
    Avatar of quick_codeQuick Code·5y

    Dominating Web Development Trends 2021

  21. 21
    Article
    Avatar of itnextITNEXT·5y

    We rendered a million web pages to find out what makes the web slow

    We rendered a million web pages to find out what makes the web slow. To our knowledge, this produces the first dataset that connects performance, errors, and library use on the web. We published the dataset to Kaggle, so you can crunch the numbers yourself.

  22. 22
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    VS Code Extensions That'll Boost Your Development Productivity

    Colby Fayock is a Front End Engineer and UX Designer. He’s passionate about tackling challenges that can make the world a better place. Colby is on Twitter at @colbyfayock and on Facebook at www.facebook.com/ColbyFayock.

  23. 23
    Article
    Avatar of swlhThe Startup·5y

    Build a Chat Room With Node.js and Socket.io

    socket.io is a library that enables real-time, duplex communication between client and the server. It contains Websocket which is a protocol that provides a full-duplex and low-latency channel between the server and the browser via socket.io. There will be a socket.emit event which will be listened by both client and server.

  24. 24
    Article
    Avatar of phProduct Hunt·5y

    Public APIs — Find a public API for your next project

    Find public API for your next projects! Embed Collect is an open-source collection of public API calls. Use the public API to help you with your next project. For more information on how to use public API, visit public API http://www.pipeline.org/.

  25. 25
    Article
    Avatar of logrocketLogRocket·5y

    HTML tags every frontend developer should know

    semantic HTML adds the right context to your site’s content, which improves the user experience significantly. With the increasing focus on JavaScript frameworks and libraries, many developers have placed less priority on HTML. We’ll show you what each tag does and how you can use HTML to streamline the development process.