Best of General Programming — March 2022
- 1
- 2
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.
- 3
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.
- 4
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.
- 5
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.
- 6
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.
- 7
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.
- 8
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.
- 9
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.
- 10
Pointer·4y
5 coding interview questions I hate
Interviewers often ask questions that have nothing to do with real-life development. These questions are often asked by non-technical people trying to conduct coding interviews by going over a question list found online. Either hire a real developer just for the interviews, or stick to soft-skill topics and experience anecdotes.
- 11
Bits and Pieces·4y
9 JavaScript Console Tips That Will Improve Your Debugging Skills
There’s more to using console.log() to debug code. Learn more about the different JS console methods available. Take your CSS skills using them in the console to add styling to any log statement. 9 JavaScript Console Tips That Will Improve Your Debugging Skills.
- 12
Visual Studio Code·4y
The problem with tutorials
Tutorials on how to use Remote Containers in Visual Studio Code have low completion rates. Laravel PHP project elegantly implements this in their own tutorials to great effect. The idea behind containerized dev environments is that you develop inside of a Docker container. The Remote - Containers extension for VS Code does exactly this.
- 13
Simple Thread·4y
Web Standards Are Cool Again
Remix is the latest open-source, fullstack, web development framework to hit the npm registry. It couples web fundamentals like the client/server model, HTTP caching, and native HTML forms with modern UI tools like dynamic page refreshing, nested routing, and React to create a truly remarkable way for developers to create fast, interactive, and portable user experiences.
- 14
Hashnode·4y
Writing Cleaner CSS using BEM Methodology
The Block Element Modifier methodology (abbreviated BEM) is a popular naming convention for HTML and CSS classes. It helps to keep your code organized and maintainable. BEM is mostly used when you have a project that has multiple pages, HTML selectors and a large code structure.
- 15
Crio.Do·4y
Data Structures and Algorithms Interview Questions (2022)
To be a good programmer you need to learn to use the right data structure and algorithm for a given problem. The popular opinion for mastering Data Structures and Algorithms is to solve hundreds of problems. But it is actually more valuable to focus on a handful of problems and get a thorough understanding of each.
- 16
Vercel·4y
Monorepos are changing how teams build software – Vercel
Turborepo is a high-performance build system for JavaScript and TypeScript codebases. It was designed after the workflows used by massive software engineering organizations. Turborepo abstracts the complex configuration needed for monorepos. It provides fast, incremental builds with zero-configuration remote caching.
- 17
Product Hunt·4y
snipt.dev - Search Engine for Code Snippets
snipt.dev is a search engine for code snippets. Instead of fishing for code to reuse on Stackoverflow, Sourcegraph or GitHub developers can enter what they are looking for and find safe and reusable code they can copy in their IDE. For more information on snipt, visit the company's website.
- 18
Faun·4y
Less Known GitHub Alternatives…
Some platforms deserve more attention due to various reasons. GitHub can suppress any of its competitors with no regard to the actual features and the product itself. Here are some alternatives to GitHub which should be popular, some which deserve more. attention, and some which make me wonder… why GitHub is the most popular one.
- 19
ITNEXT·4y
Front-end Testing Strategy
Front-end Testing Strategy defines the different layers of testing and gives an overview of the current situation to propose an effective strategy for testing your software. This article is focused on front-end testing specifically (i.e. React applications and their interactions with components) It is based on testing principles defined by Kent C. Dodds, a famous developer within the React community.
- 20
How to Design Better APIs
Ronald Blüthl wrote a great blog post on how to design better REST APIs with 15 language-agnostic tips. Use ISO 8601 UTC dates Version the API Pagination Provide a health check endpointPlus some tech snippets on How Netflix tests for performance regressions How gifs work How Medium does code review
- 21
Practical Guide to Solving Hard Problems
When you’re stumped when writing code, here are some tips to help you out. Break the problem down into multiple steps with clear objectives. Find some giants, climb on top of them, and scream “Holy shit, there are a lot of smart programmers in the world!” Rinse and repeat.
- 22
Clean Up Your React Code
React has a declarative programming approach. To clean up our code, it is important to understand what Declarative Programming means and follow functional programming style. An immutable value is a value that cannot be changed. Instead of mutating the value of the original data, we need to create a new copy and return it.
- 23
DEV·4y
React best practices and patterns to reduce code - Part 2
I've another article about React best practices and patterns to reduce code. It's a good article to read before you start to write your own React code. We'll start with the most common ones. Don't write functions inside jsx elements. Use styled-components to style your components.
- 24
Fall in Love with Your Environment Setup
A Python developer’s guide to the optimal setup for collaboration, production readiness and time saving. The setup instructions for recommended tools can be found in the python-dev-setup repo, which will be referenced throughout the article. The variety of options available for accomplishing the 5 key tasks of environment setup can be overwhelming. I have tested these tools across operating systems to ensure optimal setup no matter your OS.
- 25
You don’t always need a CMS
When it comes to websites, blogs, and whatnot, we often expect to find a CMS power these systems. I get a lot of questions about what CMS powers my blog. I'll explain that while telling you why you don't always need a CMS.What is a CMS? It stands for "Content Management System"