Best of daily.devJanuary 2023

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

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

  3. 3
    Article
    Avatar of devtoDEV·3y

    A cure for React useState hell?

    There's nothing preventing you from choosing an end date that’s before the start date, which makes no sense. There's no guard for a title or description that is too long. Using useReducer, we could transform the above code, to just this: i The hook helps you control transformations from state A to state B.

  4. 4
    Article
    Avatar of communityCommunity Picks·3y

    Optimal Images in HTML

    Shopify Storefront Build is the most powerful no-code solution for Shopify merchants to drive growth Pricing Blog.io & Elastic Path on 12/13 Use Cases Landing Pages Customize and optimize high performing landing pages within your existing site or app Headless CMS. Visually create and seamlessly manage content on any tech stack.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Software System Design for Beginners

    Software System Design for Beginners is designed to provide a comprehensive understanding of the various concepts and techniques involved in designing and building software systems. You will learn about basic engineering design patterns that are used to build large-scale distributed systems. The course uses video streaming service as an example for demonstrating system design principles.

  6. 6
    Article
    Avatar of redstRed Stapler·3y

    Web Design Trends 2023

    Bold Typography is being used more frequently to make a statement and grab the attention of users. 3D Transform, Filter and new CSS features are going to unlock lots of interesting web design purely on CSS. Dark mode/Dark Design is expected to be a popular trend in web design this year.

  7. 7
    Article
    Avatar of itnextITNEXT·3y

    Advanced VS Code Shortcuts to Code Like a Wizard

    Advanced VS Code Shortcuts to Code Like a Wizard Your keyboard is officially your new best friend. If you find yourself spending an eternity trying to find a file or reaching for your mouse every 2 seconds, these shortcuts are for you.

  8. 8
    Article
    Avatar of daily_updatesdaily.dev Changelog·3y

    Real-time notifications 🔔

    New notification center will allow you to stay up-to-date with all the latest updates in real-time. You can receive notifications when you get an upvote, comment, mention, or any other major activity on our platform. Simply click on the notification center icon to view your notifications and stay on top of everything that is happening.

  9. 9
    Article
    Avatar of devtoDEV·3y

    Git Commit Patterns

    Conventional Commits are a simple convention for commit messages, which follows a set of rules and helps projects to have an explicit and well-structured commit history. In the long run, the effect is even more damaging, as the maintainability of the software suffers due to inconsistencies in the scope of these changes.

  10. 10
    Article
    Avatar of notedNoted·3y

    Dashy - The Self Hosted Personal Dashboard

    Dashy - The Self Hosted Personal Dashboard Dashy is a self hosted personal dashboard built for you. Includes status-checking, widgets, themes, icon packs, a UI editor and tons more. Dashy can be as simple or advanced as you want it to be.

  11. 11
    Article
    Avatar of communityCommunity Picks·3y

    This is Why We Stopped Using React Native

    React Native is a ‘cross-platform’ framework that allows you to create both Android and iOS apps with a single codebase. It’s an alternative to ‘native’ frameworks for iOS and Android which are the frameworks that the vendors of the platforms suggest you use.

  12. 12
    Article
    Avatar of devtoDEV·3y

    How to build a portfolio website with React & Tailwind CSS

    Every developer must have a portfolio website to show off their skills and projects. We will build portfolio website with React.js and Tailwind CSS.

  13. 13
    Article
    Avatar of communityCommunity Picks·3y

    Three.js Journey — Learn WebGL with Three.js

    Learn WebGL with Three.js by Bruno Simon will teach you the secrets to create the coolest WebGL websites with three.js.

  14. 14
    Article
    Avatar of devtoDEV·3y

    Ultimate ChatGPT Resource Guide - ChatGPT Tutorial

    The Ultimate ChatGPT Resource Guide is the latest from OpenAI in terms of what Artificial Intelligence brings to the table to change the future. I've put together several videos to cover the subject in great detail. I've also created a number of resources so you can immediately start usingChatGPT to build your own products.

  15. 15
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Learn React in 2023

    How to learn React in 2023? Get all the training you need to be a React pro with the React Bootcamp. Many JavaScript concepts can be learned at the same time you are learning React. You will encounter and learn more React concepts as you start building your own projects.

  16. 16
    Article
    Avatar of phProduct Hunt·3y

    Airtest - Generate unit tests using AI

    Generate unit tests using AI for C#, C++, Go, Java, JavaScript, PHP, Python, R Lang, Ruby, and Swift code. This is Airtest's first launch. This is not rated yet.

  17. 17
    Article
    Avatar of communityCommunity Picks·3y

    Tailwind CSS: 15 Component Libraries & UI Kits

    Tailwind CSS has surpassed Bulma, Semantic UI, Foundation, and other prominent CSS frameworks in just a few years. It is now the 2nd most popular framework in the world, with Bootstrap holding a sturdy number one position. With several hundred custom components, it's also one of the most complete libraries.

  18. 18
    Article
    Avatar of devtoDEV·3y

    Web apps - my mental cheat-sheet

    The default is now to deliver software over the internet, piggy-banking on the cross-platform-runs-everything-silver-bullet aka. With great power comes great complexity. But what does that mean exactly? What does the browser flicker when you change the page inside the web app?

  19. 19
    Article
    Avatar of communityCommunity Picks·3y

    Astro 2.0

    Astro 2.0 is the first major web framework to deliver complete type-safety for Markdown and MDX. Astro now helps you organize your Markdown with built-in parsing, validation, and automatic TypeScript type generation. This new release is a game-changer for anyone working with Markdown on the web.

  20. 20
    Article
    Avatar of devtoDEV·3y

    11 Stages To Become A JavaScript Full-Stack Engineer

    A good start will be the tutorial of W3Schools that teaches all the basics and also some advanced information. Node.js is a powerful JavaScript-based platform that is built on Google Chrome’s JavaScript V8 Engine and provides an event-driven, non-blocking (asynchronous) I/O and cross-platform.

  21. 21
    Article
    Avatar of awstipAWS Tip·3y

    MERN stack for Web Development

    MERN stack comprises a collection of four frameworks used to develop full-stack javascript solutions for rapid, scalable, and secure applications. All frameworks are open-source and have room for designing flexible and scalable applications. Ease of learning the frameworks as they follow similar patterns and support quality collaboration.

  22. 22
    Article
    Avatar of daily_updatesdaily.dev Changelog·3y

    New action bar 🎛️

    The action bar appears on every article page. To access it, simply click on any post on the feed. With the ability to upvote, comment, and share, you'll have all the tools you need to engage with the community and build your professional network.

  23. 23
    Article
    Avatar of itnextITNEXT·3y

    Mastering TypeScript: 21 Best Practices for Improved Code Quality

    TypeScript is a widely used, open-source programming language that is perfect for modern development. With its advanced type system, TypeScript allows developers to write code that is more robust, maintainable, and scalable. In this article, we'll dive deep into the world of TypeScript and explore 21 best practices for mastering the language.

  24. 24
    Article
    Avatar of pointerPointer·3y

    Things they didn’t teach you about Software Engineering

    Software Engineering is not as glamorous as boot camps tend to portray it, and there's much more overhead involved than just coding. The primary focus of a software engineer's job is not writing code but rather creating value through the use of software that was written. Code is simply a tool to achieve this end goal.

  25. 25
    Article
    Avatar of kdnuggetsKDnuggets·3y

    The ChatGPT Cheat Sheet

    The ChatGPT Cheat Sheet was put together by Ricky Costa, an engineer at Neural Magic. It covers everything from basic NLP tasks to advanced prompt engineering techniques. It is an excellent resource for both beginners and experienced users, and will undoubtedly help to improve the quality of your output.