Best of daily.dev — March 2022
- 1
- 2
Pointer·4y
The Thirty Minute Rule
The Thirty Minute Rule is the rule that if anyone gets stuck on something for more than 30 minutes, they should ask for help. By asking for help after 30 minutes it addresses the following things:Often we are stuck because of something we don’t know, making it impossible to proceed. Sometimes simply formulating the question to ask allows us to answer the problem ourselves.
- 3
Honeypot·4y
8 Best React Courses 2022
React was introduced in 2013 by Facebook, and has since successfully risen above most other frontend frameworks in terms of usage and popularity. React developers are some of the most in-demand developers around the world as companies adopt React in their tech stack. Here are some great courses to start with!
- 4
Josh W Comeau·4y
Understanding 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.
- 5
DEV·4y
Docker: Explained to a 5 year old. 👶🏻
Docker is a way to containerize applications (putting code in boxes that can work on their own) Containers are boxes that have no host Operating system, so they are independent of the device they run on. A Dockerfile is a text document that contains all the commands a user could call on the command line to assemble an image.
- 6
React·4y
React v18.0 – React Blog
React 18 is the latest version of the popular React mobile app. It includes new features like streaming server-side rendering and automatic batching. Concurrent Rendering is a behind-the-scenes change that unlocks powerful new capabilities. The most important addition in React 18 is something we hope you never have to think about.
- 7
CSS {IRL}·4y
New CSS Features In 2022
There are a lot of new CSS features in development as I write this. 2022 is the year that some big ones will be landing in a browser near you. There are potential for big changes in the way we write CSS. I explored some of these new features for Smashing Magazine.
- 8
What's new in ES2022? 🤔
The new version of ECMA Script will become standard in few months. Let's take a glimpse at the features that will be part of ES2022. Features include method .at() of indexable values. RegExp match indices. Top-level await modules. New members of classes via public fields.
- 9
Hashnode·4y
How to Create a Legendary GitHub Profile?
I just started blogging here on Hashnode a few weeks ago. Only after I posted my first article realized that Hashnode is much more about than just writing. The greatest opportunity actually is reading. I read whenever I am travelling, smoking or walking on the street and sometimes even on the toilet. I am constantly browsing the Recent section of the Hashnode app.
- 10
Towards Dev·4y
SOLID Principles Explained
In software engineering, SOLID is a mnemonic acronym for five design principles. They are first mentioned in a paper written in 2000 by the software engineer, Robert Martin. SOLID stands for: Single Responsibility Principle, Open-Closed Principle, Dependency Inversion Principle, Interface Segregation Principle.
- 11
Web Tools Weekly·4y
CSS Tools, Databases, JSON, SVG
There are a number of different ways to remove empty items from an array in JavaScript. To remove blank values alone is something more specific, but there are a few ways to do it. You can find all the above examples in this CodePen. Now on to this week's tools!
- 12
How to design better APIs
When creating an API from scratch, you need to get many details right. From basic security considerations to using the right HTTP methods, implementing authentication, deciding which requests and responses you should accept and return, ... the list goes on. In this post, I'm trying my best to compress everything I know about what makes a good API.
- 13
CSS Tricks to Create that Dark Futuristic Web3 Look
The Graph, ARCx Money, Buildspace, Rabbithole, Sushi Swap, and Rare Blocks all have some common designs that achieve this look. Here are some simple styles you can add to your app:Gradient Glowing effect Bright and white text over a dark background Semi transparent backgrounds A quick and easy transition on hover.
- 14
Product Hunt·4y
Coolify - An open-source & self-hostable Heroku / Netlify alternative
Coolify is an open-source and self-hostable all-in-one (IaaS) solution. It's an alternative software to Heroku and Netlify and other similar software out there. Coolify is available in the US and Canada. For more information, visit Coolify's website.
- 15
Towards Data Science·4y
My Favorite VS Code Extensions of 2022
The Atom One Dark theme is my favorite because the colors have useful contrast and look great. VSCode Great Icons look so much better than the default, and the folder icons make it easier to tell which directory I’m in. I find this especially useful when writing React components where a lot of the boilerplate code gets repetitive.
- 16
freeCodeCamp·4y
Music for Programming – Coding Music Playlists, Radio Stations, Videos, and Lives
This blog post is all about music for programming. I'll be sharing a variety of different playlists, radio stations, and videos that you can listen to while coding. Whether you're a beginner or an experienced programmer, you will find something to listen to. I hope these links will help motivate you in your day-to-day developer work.
- 17
Quastor Daily·4y
Airbnb's Architecture
Jessica Tai is an engineering manager at Airbnb. She recently gave a fantastic talk on how Airbnb’s architecture has evolved over the years. Airbnb started as a Ruby on Rails monolith, then transitioned to a microservices architecture and has now migrated to a hybrid between micro and macroservices.
- 18
Open Source Alternative To - Discover open source alternatives to your proprietary SaaS
OpenSourceAlternative.To lets you search and filter 250+ open source alternatives by categories, licenses, languages, stargazers, and date added. All data is updated from GitHub once per day, and everyone can easily submit their favorite alternatives. OpenSource Alternative.To is free and open source.
- 19
DZone·4y
I can probably hack your password in MINUTES!
The average password is easily hacked in minutes by an experienced software developer. This is because of a fundamental flaw in how we were taught to create our passwords. There are simply not enough possible combinations in short passwords such as the above to be "random enough" to prevent a computer from guessing it.
- 20
JavaScript in Plain English·4y
Clean Up Your React Code
React has a declarative programming approach. With prop types, we can make our components (both class and function components) well-defined. By following the composition paradigm we have clean, small, testable components. We can compose these components together and create maintainable, readable, and complex applications.
- 21
Delightful React File/Directory Structure
React is famously unopinionated when it comes to file/ directory structure. How should you structure the files and directories in your applications? There is no one “right” way, but I've tried lots of different approaches in the 7+ years I've been using React. In this blog post, I'll share the structure I use across all my current projects, including this blog.
- 22
Why you shouldn’t always use “useState”
UseRef has the same power of persistence that useState has. It sustains the value through the component’s life-cycle, but the cool part is that it is synchronous. When I need to do something immediately and I need it for the flow of my code, then I aim for useRef.
- 23
Learn Go Programming by Building 11 Projects
The Go programming language is an open-source and compiled language designed by Google. Go is popular for cloud-based or server-side applications. We just published a course on the freeCodeCamp.org YouTube channel that will help you improve your Go skills by teaching you how to create eleven projects.
- 24
DevBlogs·4y
A Proposal For Type Syntax in JavaScript
A proposal to bring optional and erasable type syntax to JavaScript. Because this new syntax wouldn’t change how surrounding code runs, it would effectively act as comments. We think this has the potential to make TypeScript easier and faster to use for development at every scale. We’re hoping to bring it forward in a proposal to TC39.
- 25
SNIPCART·4y
The 6 Best JavaScript Frameworks to Use in 2022
JavaScript frameworks are tried and tested tools for building scalable web applications. They contain a collection of JavaScript code libraries that provide pre-written JS code for standard programming features and tasks. Frameworks enable you to add functionalities like testing and linting to ensure you're shipping error-free code. There are more than 20 frameworks and 80 libraries for developers to choose from.