Best of Community Picks โ€” March 2024

  1. 1
    Article
    Avatar of communityCommunity Picksยท2y

    JavaScript Visualized

    This post explores the inner workings of promises in JavaScript, including the creation of promises using the `new Promise` constructor, the purpose of the Promise Reaction record, and how promises can be used to handle asynchronous tasks in a non-blocking way.

  2. 2
    Article
    Avatar of communityCommunity Picksยท2y

    JavaScript (JS) Cheat Sheet Online

    Interactive JavaScript Cheat Sheet with code examples covering basics, loops, conditionals, variables, data types, strings, events, numbers, dates, arrays, global functions, regular expressions, errors, JSON, and promises.

  3. 3
    Article
    Avatar of communityCommunity Picksยท2y

    Goodbye SASS ๐Ÿ‘‹, welcome back native CSS

    CSS has undergone rapid development and now includes features once unique to Sass such as variables and CSS nesting. The :is pseudo-class revolutionizes the selector concept and container queries allow elements to adjust based on container size. Despite these advancements, Sass still has advantages like mixins and functions.

  4. 4
    Article
    Avatar of communityCommunity Picksยท2y

    โš›๏ธ Folder Structures in React Projects

    Explore different folder structures in React projects for maintainability, scalability, and ease of navigation. Group files by type, feature, or module depending on the project's size and complexity.

  5. 5
    Article
    Avatar of communityCommunity Picksยท2y

    17 Libraries You Should Know if You Build with React

    Discover 17 open source projects for React developers, covering various areas like AI chatbots, UI building, validation, testing, database, UI components, animations, internationalization, and more.

  6. 6
    Video
    Avatar of communityCommunity Picksยท3y

    Stop using COUNT(id) to count rows

    Counting rows using COUNT(*) in MySQL is not slow as often believed. It is actually optimized to be the fastest way to count rows.

  7. 7
    Article
    Avatar of communityCommunity Picksยท3y

    AI will mean more programmers, not fewer

    AI will not replace programmers, but it will make them more efficient. It can generate code faster and solve common problems, but it lacks reasoning abilities. AI is a tool that can assist programmers, but it cannot replace their creativity and imagination.

  8. 8
    Video
    Avatar of communityCommunity Picksยท2y

    world's shortest UI/UX design course

    Learn the fundamentals of UI and UX design, including user flow, wireframing, design systems, and more. Discover popular UI/UX design tools and how to create a consistent design with reusable components.

  9. 9
    Article
    Avatar of communityCommunity Picksยท2y

    Developer Roadmaps

    Step by step guides and paths to learn different tools or technologies. Join the community at roadmap.sh to access resources and guidance for career growth.

  10. 10
    Article
    Avatar of communityCommunity Picksยท2y

    Clean Code: The Art of Clean Naming

    Learn the art of clean naming in coding and how it can improve code readability and maintainability. Discover best practices for clear and descriptive naming, providing context in variable names, and avoiding abbreviations and magic numbers.

  11. 11
    Article
    Avatar of communityCommunity Picksยท2y

    How to Build a Masonry Layout Using CSS

    Learn how to create a Masonry Layout using CSS by using the grid-template-columns function and the grid-column property.

  12. 12
    Article
    Avatar of communityCommunity Picksยท2y

    High Quality Open-Source Software for Web Developers

    An open-source React router with type safety, data fetching, caching, and search param APIs.

  13. 13
    Article
    Avatar of communityCommunity Picksยท3y

    Advanced git commands every senior software developer needs to know

    Learn advanced git commands that can help you improve productivity and optimize your workflow. Topics include selective and shallow git clone, inspecting git history, comparing revisions, committing, rebasing, cherry-picking, merging, managing multiple remotes and branches, keeping repositories tidy, and enhancing the git experience with Liquip Prompt and fzf.

  14. 14
    Article
    Avatar of communityCommunity Picksยท2y

    Best Practices For Reviewing Code

    Discover the best practices for reviewing code to ensure high software quality. Learn about setting goals and standards, communicating expectations, defining a code review process, using a code review checklist, and fostering a positive code review culture.

  15. 15
    Article
    Avatar of communityCommunity Picksยท2y

    OpenDevin/OpenDevin: ๐Ÿš OpenDevin: Code Less, Make More

    OpenDevin is an open-source project aiming to replicate Devin, an autonomous AI software engineer. It allows users to run commands, generate scripts, and contribute to advancing software engineering with AI.

  16. 16
    Article
    Avatar of communityCommunity Picksยท2y

    Incredible JavaScript Animation Libraries

    JavaScript animation libraries simplify the animation process, enhance user experience, and boost website traffic. GSAP, Anime.js, Three.js, Popmotion.io, and React-spring are some popular libraries.

  17. 17
    Article
    Avatar of communityCommunity Picksยท2y

    Shiki

    Accurate & Beautiful. TextMate grammar powered, same engine as your VS Code. Improves with VS Code.

  18. 18
    Article
    Avatar of communityCommunity Picksยท3y

    You should stop writing Dockerfiles today โ€” Do this instead

    Learn how to simplify the process of configuring Docker for your project using docker init. Docker init helps generate Dockerfiles, Compose files, and .dockerignore files based on your project's requirements. It supports various programming languages and follows industry best practices.

  19. 19
    Video
    Avatar of communityCommunity Picksยท2y

    4 UI Design Tools I Can't Live Without

    Discover four design resources that can help you create beautiful web applications. Learn about tools for creating SVGs, finding color palettes, and improving animations on your website.

  20. 20
    Article
    Avatar of communityCommunity Picksยท2y

    Internet speeds just got 4.5 million times faster

    Aston University achieves internet speeds that are 4.5 million times faster using new wavelength bands in fiber optic systems.

  21. 21
    Article
    Avatar of communityCommunity Picksยท2y

    Building an adaptive favicon

    Learn how to build an adaptive favicon using SVG, which allows for scalability, small file size, and embedded styling for light and dark themes.

  22. 22
    Article
    Avatar of communityCommunity Picksยท2y

    Breaking Down Next.js 14

    Next.js 14 introduces new features such as server components, dynamic image generation, improved data fetching, caching strategies, and metadata management. It offers enhanced routing, error handling, page layouts, and middleware options. It aims to optimize web development, provide better performance, and set new standards for React developers.

  23. 23
    Article
    Avatar of communityCommunity Picksยท3y

    Top Headless UI libraries for React in 2024 | Blog

    Explore the top headless UI libraries for React in 2024, including Radix UI, Headless UI, React Aria, Aria Kit, Ark UI, and Reach UI. These libraries prioritize accessibility, customization, and scalability, offering distinct advantages for web development and inclusive design practices.

  24. 24
    Article
    Avatar of communityCommunity Picksยท2y

    The Faster Redis Alternative

    KeyDB is a fully open source database and a faster drop-in alternative to Redis. It offers high throughput, supports various data structures, has multiple persistence options, and is scalable to any workload. KeyDB also has open source features such as MVCC non-blocking architecture, cross-region multi-master support, better EXPIRation, TLS encryption, and ModJS for creating custom commands.

  25. 25
    Article
    Avatar of communityCommunity Picksยท2y

    Introducing Nue CSS

    Introducing Nue CSS, a scalable alternative to Tailwind, BEM, and CSS-in-JS. It offers a more maintainable and scalable way to write and structure CSS, making it easy to create consistent designs and simplify maintenance. Nue CSS aims to offload the burden from JavaScript developers and provide a clean separation of concerns for content creators, designers, and CSS developers.