CSS-Tricks·4yThe 60 Hottest Front-end Tools of 2021 | CSS-Tricks
The Web Tools Weekly newsletter archives have been compiled into a list of the 60 most popular front-end tools of the past year. I’m sure there are at least one or two listed here that you can start using in your projects today. Some of these tools are super-practical, while others probably only made this list due to curiosity.
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.
Hashnode·4yMy Terminal Has SUPER Powers!
Fig.io has full autocomplete and IntelliSense just like inside of VS Code. This plugin is completely free (Mac only though), so you can head to the website now to download and install. The install process should be pretty straightforward, and after you have it set up you should immediately see it in action.
Hacker News·4yWho wrote this shit?
It is a beautiful rite of passage for a junior developer to join a team, take some tasks full of enthusiasm, and have the life and joy sucked out of them one sprint at a time. Trashing legacy software is fun. It creates camaraderie. Who wrote this? What were they thinking? Looking at the commit log showed names that meant nothing to me.
Product Hunt·4yNextUI - Beautiful, fast and modern React UI library
NextUI is the next-gen UI React library that allows you to make beautiful websites regardless of your design experience. Comes with awesome features like Auto Dark Mode recognition, Themes support, easy customization, Best-in-class DX and much more. NextUI is available now for free download.
DEV·4yGit Cheat Sheet 📄 (50 commands + Free PDF and poster)
Free Git Commands Cheat Sheet PDF to make it easy to copy and paste in commands. A physical A3 poster for your office wall - so you can quickly look up commands, and keep them at the top of your head. The cheat sheet contains 50 commonly used Git commands on the following topics: setting up Git, starting a project, making a change and stashing.
Pointer·4y2021 JavaScript Rising Stars
Zx is a new tool by Google to write simple Command Line scripts in JavaScript or TypeScript. Vite is a building tool that uses esbuild compiler to provide great performance. Next.js keeps its position of leading "meta framework" for the React world. Tauri is a solution to build desktop applications using web technologies.
freeCodeCamp·4yFree React Course for 2022
We just published a brand-new, 12-hour React course on the freeCodeCamp.org YouTube channel. In this course, you will React by building eight real-world projects and solving 140+ coding challenges. Bob Ziroll teaches this course. Bob is the Head of Education at Scrimba and his previous React course is one of the most popular React courses on YouTube.
freeCodeCamp·4yLearn TypeScript – The Ultimate Beginners Guide
TypeScript is a superset of JavaScript. It does everything that JavaScript does, but with some added features. The main reason for using TypeScript is to add static typing to JavaScript. This means that the type of a variable cannot be changed at any point in a program. It can prevent a LOT of bugs!
Hacker News·4yHow we handle 80TB and 5M page views a month for under $400
Poly Haven has 5 million pageviews and 80 terabytes of traffic every month for under $400. Cloudflare All the Way is the reason we can do what we do so easily and so affordably. Nextjs is a framework created by Vercel which improves performance for users around the world.
JavaScript in Plain English·4yTime to Say Goodbye to Webpack?
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. Vite is opinionated and comes with sensible defaults out of the box, but is also highly extensible via its plugin API and JavaScript API with full typing support.
DEV·4yGit Organized: A Better Git Flow
When building a new feature, create commits as you go to save your work and fix bugs. Merge branch into main once PR is approved. Don't worry too much about writing descriptive commit messages just yet. The purpose of these commits are to make sure you don't lose work and provide some guideposts.
fettblog.eu·4yHow not to learn TypeScript
TypeScript is a superset of JavaScript and has been advertised like this ever since. Choosing TypeScript does not give you a free card to ditch JavaScript and its erratic behavior. Understanding JavaScript is key to understanding TypeScript. A type annotation is a way to explicitly tell which types to expect. The opposite is type inference, where TypeScript tries to figure out the type for you.
Josh W Comeau·4yMake Beautiful Gradients
In the RGB color space, we create colors by mixing three channels: red, green, and blue. All three channels converge towards their middle value, 127.5. By mixing two highly-saturated colors together, we wind up with gray. What if there was a way to mix only the pigment and keep the saturation consistent?
Dev Genius·4y8 Ways To Drastically Boost Your Developer Productivity
8 ways to boost your developer productivity with these 8 tips. Automate repetitive tasks with scripts. Use a real debugger instead of printing variables. Back up your local database with Bash Scripts. Use the right tool for the job and don't forget the possibility that you might accidentally commit your work to memory.
DEV·4y8 techniques to write cleaner JavaScript code
In this article, we're going to look at 8 different techniques to help you write cleaner JavaScript code. Pure Functions are a function that always returns the same output, given the same input(s) Fewer or Named parameters are a good way to make your code cleaner.
80 LEVEL·4yMicrosoft to Buy Activision Blizzard for $68.7 billion
Microsoft announced they decided to acquire Activision Blizzard, the publisher of Call of Duty, World of Warcraft, and Diablo. The company also announced plans to add Activision’s games to Xbox Game Pass. Microsoft notes it will be the "third-largest gaming company by revenue, behind Tencent and Sony" when the deal is closed.
Better Programming·4yThe Clean Architecture — Beginner’s Guide
The Clean Architecture is the system architecture guideline proposed by Robert C. Martin. This is one of the guidelines adhered to by software engineers to build scalable, testable, and maintainable software. The Dependency Rule states that the source code dependencies can only point inwards.
DEV·4yProductivity Tips From Developers to Developers
Avoid coding first, most likely what you are solving has already been solved. Abstraction is at the core of programming. Caching is a performance optimization and cause of many subtle bugs. There is no one way to do something and learn early on to formulate your options, pros and cons.
Pointer·4yThe baseline for web development in 2022
Alan Dávalos is a front-end engineer at LINE. He analyzed the changes in the web between 2021 and 2022. The biggest change that happened in 2021 was the retirement of Internet Explorer (IE) The new baseline for web development in 2022 is: low-spec Android devices in terms of performance, Safari from two years before in Terms of Web Standards, and 4G.
Hacker News·4yMy first impressions of web3
Web3 aims to decentralize the internet in ways that web1 and web2 did not. The idea is that everyone on the internet would be both a publisher and consumer of content. But that is not what people want – they want to run their own servers. A protocol moves much more slowly than a platform.
gitconnected·4yREST and the future of APIs
REST is still solid, no matter what anyone says, but it is definitely geared toward browser-based clients. If you use pretty much any non-REST solution you will either lose some valuable functionality that comes built-in to web browsers or will need to write a ton of JavaScript code. GraphQL is definitely a generally popular choice and makes a lot of sense if you’re primarily dealing with the rendering of data relations.
Hacker News·4yI make $3K/mo from a browser extension! (+ December 2021 updates)
After 2 months of beta program, the total free users was ~9,800. That’s not a small audience at all, and the success of the beta program and the launch are heavily affected by the existing audience I have. Free users require a lot of resources to serve (server cost, support, etc.), but there are a lot. of potentials to convert people to paid customers. The launch announcement also helps to gather more attention/support.