Community Picks·4yModern Web App Design Patterns
Design patterns are descriptive, not prescriptive. They can guide you when facing a problem other developers have encountered many times before. They are not a blunt tool for jamming into every scenario. Patterns.dev aims to be a catalog of patterns (for increasing awareness) rather than a checklist (what you must do)
Hashnode·4yThe Complete Modern React Developer 2022
This course will give you the skills and knowledge to become a Software Developer across the full stack. We will be building a super basic Twitter clone that has CRUD functionality for posting, reading and deleting tweets. In this section you will learn how to setup a Node backend using both Express.js and Nestjs. And as a bonus you will also learn some DevOps when we put a MongoDB and Postgres database inside of a Docker container.
freeCodeCamp·4yHow to Write Better Git Commit Messages – A Step-By-Step Guide
This guide outlines steps to elevate your commit messages that you can start implementing today. When first introduced to Git, it's typical for developers to feel uncomfortable with the process. You could save yourself and/or coworkers hours of digging around while troubleshooting by providing that helpful description.
Josh W Comeau·4yThe Front-End Developer's Guide to the Terminal
Modern front-end frameworks like React, Angular, and Vue rely heavily on the terminal. If you're not comfortable with command line interfaces, you'll struggle to run a local development server or build your application. We don't really need to know 98% of the stuff you can do with a terminal. Instead, we should focus on the most-important critical fundamentals.
Hashnode·4yJokes only programmers will understand
To understand these jokes, you have to be a programmer, and if you're not don't worry. Laugh and also share them with your friends that are programmers. It isn't an easy thing to become a programmer. You need some minutes to at least laugh and forget the stress you've been through.
GitHub Blog·4yGitHub Copilot is generally available to all developers
GitHub Copilot is an editor extension that suggests code in real time. It's free to use for verified students and maintainers of popular open source software. Starting today, it’s now available to all developers, and we’ll offer it to companies later this year.
DEV·4yThe Complete Guide to Regular Expressions (Regex)
A Regular Expression is a syntax that allows you to match strings with specific patterns. A regular expression adds the ability to use quantifiers, pattern collections, special characters, and capture groups to create extremely advanced search patterns. Regex can be used any time you need to query string-based data, such as analyzing command line output.
Honeypot·4yGit Commands - Cheat Sheet for All Developers
Git is a powerful tool for all developers, but some commands are easily forgotten or unknown for junior developers. Here is a comprehensive recap of the Git commands you might need in your everyday developer life. I’ve added complementary links if you want to dig deeper or need specific support for your problem.
The Next Web·4yCopilot works so well because it steals open source code and strips credit
The Software Freedom Conservancy announced its withdrawal from GitHub today. The SFC is upset that Microsoft and OpenAI trained an AI system called Copilot on data that was published under an open-source license. The only way to get access to Copilot is through a special invitation from Microsoft or paid subscription.
ITNEXT·4ySOLID Principles Sketches
SOLID Principles Sketches allows you to do interactive (nested) sketches. Each SOLID principle has a dedicated sketch page that looks like the following Single Responsibility Principle SRP Sketch A class should have only a single responsibility. No client should be forced to depend on methods it does not use.
Hacker News·4yYes, I can connect to a DB in CSS
A new set of APIs give your browser the power to control CSS via its own Object Model in Javascript. This means that you can make custom CSS styles, add custom properties, and so on. The CSS Paint Worklet5 allows you to 'paint' on an element, and have the browser treat it as an image in CSS.
Pointer·4yawesome-selfhosted/awesome-selfhosted: A list of Free Software network services and web applications which can be hosted on your own servers
This is a list of Free Software network services and web applications which can be hosted on your own server(s) Non-Free software is listed on the non-Free page. Awesome-Selfhosted is the practice of hosting and managing applications on your OWN server.
asayer·4yBuild beautiful UI components with NextUI
NextUI is a modern React UI framework that allows you to make beautiful and fast websites/applications regardless of your design experience. You can create beautiful UI in your React and Nextjs application with just a little customization in the App.jsx to load the NextUI provider. It has many cool features, which is why it is loved and used by many developers.
Hashnode·4y5 Tips For Writing Cleaner Code
Nesting in code is something we do all the time, and although there's nothing inherently wrong with nesting, it can sometimes make code harder to read. The "Return Early" design pattern allows us to use the if statement as a guard clause to check for errors and return before executing any further code.
Community Picks·4y"Google" programmers. How one idiot hired a couple more idiots
Ivan Belokamentsev is the founder of PVS-Studio, a Russian IT company. He changed the recruitment plan for programmers to make them write code on a computer, not on a sheet of paper. The change made a huge difference in the productivity of his team.
Community Picks·4y7 Tips for Clean React TypeScript Code you Must Know
Clean code isn't code that just works. It refers to neatly organized code which is easy to read, simple to understand and a piece of cake to maintain. Let's take a look at some of the best practices for clean code in React. Provide explicit types for all values. Take the previous state into account while updating the state.
Josh W Comeau·4yUnderstanding Layout Algorithms
CSS is so much more than a collection of properties. It's a constellation of inter-connected layout algorithms. Each algorithm is a complex system with its own rules and secret mechanisms. We need to learn how the layout algorithms work, and how they use the properties we provide to them.
GitHub Blog·4yWrite Better Commits, Build Better Projects
Commits in Git repositories are more than just save points or logs of incremental progress in a larger project. Over time, commits should tell a story of the history of your repository and how it came to be the way that it currently is. It’s been my experience that commits are most effective when they’re tweaked and polished to deliberately convey a message.
gitconnected·4yHow we built daily.dev, the 150k+ developer community
daily.dev is the top news resource for programmers and one of the largest communities with 150k+ active developers. CEO Nimrod Kramer shares their mission of building a platform where developers grow together, and how they have achieved explosive growth over the past few years. Click here to read the full interview with the CEO and Co-Founder.
