Best of daily.dev2023

  1. 1
    Article
    Avatar of devtoDEV·2y

    Sharing a state between windows without a serve

    Learn how to share a state between multiple windows without a server by using Local Storage and Shared Workers. Understand the concept of Shared Workers and their role in communication between instances of the same script.

  2. 2
    Article
    Avatar of joshwcomeauJosh W Comeau·3y

    The End of Front-End Development

    GPT-4 can take a hand-drawn sketch of a website, and turn it into a fully-functional website, including a bit of JS to wire up the “Reveal Punchline” button. This is remarkable, and I think it has a lot of potential when it comes to prototyping.

  3. 3
    Article
    Avatar of communityCommunity Picks·3y

    Bun 1.0

    Bun is a fast, all-in-one toolkit for running, building, testing, and debugging JavaScript and TypeScript. Bun's goal is to eliminate slowness and complexity without throwing away everything that's great about JavaScript. Bun is tested against test suites of the most popular Node.js packages on Node.

  4. 4
    Article
    Avatar of justanotherctoJust Another CTO·3y

    Habits of great software engineers

    The article discusses the habits of great software engineers, emphasizing the importance of focusing beyond coding, pursuing efficiency, enjoying tinkering, understanding the 'why' behind the code, thinking in systems, recharging beyond technology, approximating numbers, transferring knowledge to new problems, simplifying complex concepts, playing the long game, and developing a code nose.

  5. 5
    Article
    Avatar of devtoDEV·2y

    Resources I wish I knew when I started my career

    Useful resources and tips for new software industry professionals.

  6. 6
    Article
    Avatar of 80lv80 LEVEL·2y

    A Programmer Presents a Mind-Blowing Multi-Window Adaptive Experience

    A programmer has developed a setup that allows synchronization of a 3D scene across multiple browser windows. It uses Three.js and localStorage and is designed for developers interested in advanced web graphics and window management techniques.

  7. 7
    Article
    Avatar of pointerPointer·3y

    Iconbuddy — 100K+ open source icons

    Iconbuddy - 100K+ open source icons Iconbuddy Download, Customize, Edit and Personalize. We're shipping things fast af! We're soon launching a powerfulapi, sign up to keep updated. Contact us or follow us on us on Twitter.

  8. 8
    Article
    Avatar of bootcampuxdesignBootcamp·3y

    Backend Projects 🏗️ for Transitioning to a Senior-Level 🙌 Developer 🧑‍💻

    As a backend developer, you play a crucial role in designing and implementing the server-side logic that powers applications. In this article, we will explore a range of project ideas that can help you level up your backend development skills, demonstrate your proficiency in handling advanced concepts, and pave the way for a senior-level developer role.

  9. 9
    Article
    Avatar of builderiobuilder.io·3y

    The React Ecosystem in 2023

    The React Ecosystem celebrates its 10th anniversary in 2023 as the ecosystem continues to flourish. For those who are new to React, getting started can be a daunting task. With a vast array of tools and libraries available within the React ecosystem, choosing the right combination for your project can be challenging.

  10. 10
    Article
    Avatar of communityCommunity Picks·3y

    Dotenv is dead

    Node.js 20.6.0 brings support for loading environment variable files. Reading directly from process.env has issues such as lack of type safety, validation, and immutability. Zod is a library used to parse and validate environment variables.

  11. 11
    Article
    Avatar of communityCommunity Picks·3y

    Frontend Developer Roadmap

    Front-end development is the development of visual and interactive elements of a website that users interact with directly. It's a combination of HTML, CSS and JavaScript, where HTML provides the structure, CSS the styling and layout, and JavaScript the dynamic behaviour and interactivity.

  12. 12
    Article
    Avatar of communityCommunity Picks·2y

    🧙‍♂️ CSS trick: transition from height 0 to auto!

    Learn how to transition from height 0 to auto in CSS using CSS Grid. Avoid fixed heights and use a neat trick with grid-template-rows.

  13. 13
    Article
    Avatar of honeypotHoneypot·2y

    How to Build a Personal Brand as a Developer

    Building a personal brand as a developer can help you stand out, gain credibility, network, and achieve your career goals. To build your personal brand, consider your ambitions and comfort level, embrace your passions and knowledge, create an online presence, build offline buzz, and measure and adapt your strategy.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    What's New in JavaScript in 2023 – Changes with Code Examples

    ECMAScript 2023 introduces changes to JavaScript that make programming easier. The changes include the Object.groupBy method for grouping objects based on a property value, the Array.toSliced(), Array.toSorted(), and Array.toReversed() methods for manipulating arrays without mutating the original array, and the findLast() and findLastIndex() methods for finding the last element or index in an array that satisfies a condition.

  15. 15
    Article
    Avatar of robinwieruchRobin Wieruch·3y

    10 Web Development Trends in 2023

    The most popular meta framework called Next.js comes on top of React.js. SSR is all over the place when working with JavaScript frameworks these days. Other meta frameworks like SvelteKit are catching up. SSR has been competing with static site generation (SSG) for a while for the perfect performance.

  16. 16
    Article
    Avatar of asayerasayer·3y

    Set up CodeGPT in Visual Studio Code

    CodeGPT is a Visual Studio code extension that allows you to use the GPT-3 model to generate, explain, refactor, and document code snippets. This post provides instructions on how to install and configure CodeGPT in Visual Studio Code, and showcases its capabilities in generating, explaining, refactoring, and writing unit tests for code snippets.

  17. 17
    Article
    Avatar of builderiobuilder.io·3y

    50+ ChatGPT Prompts for Web Developers

    ChatGPT can generate code for a variety of web development tasks. It can help you generate semantic HTML and CSS code, JavaScript functions, and even database queries. With ChatGPT, you can identify code smells and security vulnerabilities in your code to make it more efficient and secure.

  18. 18
    Article
    Avatar of communityCommunity Picks·3y

    React, visualized – react.gg

    Learn about lifting state up to the nearest parent component and using the Context API in React to bypass the limitation of passing props through intermediate components.

  19. 19
    Article
    Avatar of joshwcomeauJosh W Comeau·2y

    An Interactive Guide to CSS Grid

    Learn about the fundamentals of CSS Grid, including how it works and how it can be used to create complex layouts.

  20. 20
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    8 React Projects to Build in 2023

    8 React Projects to Build in 2023 will show you what's possible to make with React. Check out the React Bootcamp to see how to make each of them step-by-step. Todo apps are a great project to begin with because you don't need any third-party libraries to build them.

  21. 21
    Article
    Avatar of itnextITNEXT·3y

    Writing Better Commits

    Learn about the benefits of writing better commits and how to use the better-commits CLI to follow the Conventional Commit Guidelines.

  22. 22
    Article
    Avatar of communityCommunity Picks·3y

    Why Signals Are Better Than React Hooks

    Discover the benefits of using signals over React hooks, including simplified usage, improved performance, and eliminating complex rules. Signals handle dependencies automatically and can be used anywhere in or outside of a component. Performance metrics have shown significant speed improvements with the use of signals.

  23. 23
    Article
    Avatar of addyAddy Osmani·3y

    Soft skill books that will make you a better developer

    This article provides a list of soft skill books that can help developers improve their programming and managerial abilities. It covers various topics such as deep focus, high-leverage activities, growth mindset, leadership skills, and more. The article highlights the importance of developing soft skills alongside technical skills for developers.

  24. 24
    Article
    Avatar of devtoDEV·3y

    Writing Clean Code: Best Practices and Principles

    Clean code is code that is easy to read, easy to understand, and easy to modify. Clean code follows a set of conventions and best practices that make it more consistent, making it easier for multiple developers to work on the same project seamlessly. Code that is difficult to understand is more prone to errors during modifications or enhancements.

  25. 25
    Article
    Avatar of dailydaily.dev·3y

    daily.dev raised an $11M seed round 🎉

    daily.dev has raised $11 million in seed funding to build a professional network for developers. The funding will fuel their growth and enable them to build a platform where developers can actively improve, interact, and collaborate to make software that impacts lives worldwide.