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·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.
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.
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.
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.
JavaScript in Plain English·4yThe Quickest Way to Become a Better Developer
Stopping using the else statement will make you a better developer. The real problem is the whole if-else block that, if used in the wrong way, can quickly become a mess. Refactoring the code to avoid the usage of the else branch will result in a better and more readable code.
Pointer·4yJarred-Sumner/bun: Incredibly fast JavaScript runtime, bundler, transpiler and package manager – all in one.
Bun is a fast & easy-to-use tool that embeds JavaScriptCore, which tends to be faster and more memory efficient than more popular engines like V8. Instead of 1,000 node_modules for development, you only need bun. Join bun’s Discord for help and have a look at things that don't work yet.
DevDojo·4yDev Tools On My Radar In 2022
The demand for innovation and collaboration improvements for remote teams is probably one of the strongest trends we can currently observe in the industry. In this short post I rounded up 5 relatively new dev tools that have recently been on my radar and I believe have the potential to improve our daily workflows.
Daily JS·4yApplying SOLID principles in React
SOLID is an acronym, where each letter represents one out of five design principles. These principles rely on concepts of classes and interfaces, while JS doesn’t really have either. The way we write modern React code is far from being object-oriented — if anything, it feels more functional. SOLID principles are language agnostic and have a high level of abstraction.
JavaScript in Plain English·4y4 Best New JavaScript ES2022 Features
The await keyword previously couldn’t be used outside the async box (or function) With ES2022, we can use await without async, for example, to load other code conditionally or dynamically. ‘.at()’ method for arrays will help you get what you want in a line of code.
Community Picks·4yCarbon, a new programming language from Google, aims to be C++ successor
Carbon is the latest programming language to be built within Google. It was unveiled today as an experimental successor to C++. The project’s code is hosted publicly on GitHub and is open for pull requests. Carbon is intended to be fully interoperable with existing C++ code.
Josh W Comeau·4yStatements Vs. Expressions
This tutorial explains the difference between a “statement” and an “expression” in JavaScript. Most of those JSX rules you've had to memorize, and always forget to follow, are the result of this duality. This tutorial assumes that you're comfortable with basic JavaScript syntax, but is otherwise written to be beginner-friendly.
The New Stack·4yMeet Bun: A JavaScript Runtime for the Whole Dev Lifecycle
Bun is a drop-in replacement for running JavaScript and Typescript applications. It was designed to be an all-in-one tool for bundling, transpiling, and running code at lightning speed. It processes about three times more HTTP requests per second than Node.js when rendering React server-side.
Visual Studio Code·4yThe VS Code Server
The Visual Studio Code Server (private preview) is available now. It lets you use VS Code locally to develop applications "remotely" on the Windows Subsystem for Linux (WSL), in Docker containers, and on remote physical or virtual machines you manage over SSH. This is just the first step along the path towards a fully unified code manage that lets you manage both the desktop and the server.
Pointer·4ymtdvio/every-programmer-should-know: A collection of (mostly) technical things every software developer should know about
A collection of (mostly) technical things every software developer should know. Not backed by science. Check for things you do not know about Strings, Addresses, Names, Numbers, Emails, Timezones and Dates. Join our community for professional Software Developers and get more control over your life and career!
Hacker News·4ycodecrafters-io/build-your-own-x: Master programming by recreating your favorite technologies from scratch.
This repository is a compilation of well-written, step-by-step guides for re-creating our favorite technologies from scratch. It's a great way to learn. Submissions welcome, just send a PR.Table of Contents: Build your own 3D Renderer, BitTorrent Client, Node.js bot, and more.
Hashnode·4yImprove Your Web Development Skills By Building These 5 Projects
The best way to practice and improve your web development skills is to start building web projects. I have listed a few types of projects for you to build so that you can get better at web development. Build an application that displays data from an external API. Try to build a real-world application and don't make it as a mockup/dummy website.
Community Picks·4yInside JavaScript Engines, Part 1: Parsing
There are 3 major JavaScript engines left after long and exhausting browser wars. V8, SpiderMonkey, JavaScript core, and more and more engines. Let’s take a closer look at JavaScript engines and how they work. Inside JavaScript Engines, Part 1: Parsing Part 2: Code generation and basic optimizations.
Hashnode·4yWrite Git Commit Messages That Your Colleagues Will Love
Git commit messages are how we communicate to our future selves. They help you understand why a certain line of code was added to the code base. By writing good Git commit messages you are future-proofing yourself and your colleagues. A commit message consists of two parts: the subject line and the body.
Product Hunt·4yLocofy.ai - Turn Figma designs into code: React, React Native, HTML-CSS+
Locofy.ai helps builders launch 3-4x faster by converting designs to production ready code. Try Figma to React, React Native, HTML-CSS, Next.js, Gatsby in FREE BETA! Tag responsive designs, make components, get a live-prototype & export code or direct deploy.
codeguru·4yTop 10 Security Testing Tools for Developers
Security testing is the practice of evaluating an information system’s security by detecting and exploiting vulnerabilities. With the number of data breaches on the exponential rise, it is more crucial than ever for developers to ensure the security of their websites and applications. There are a number of open-source security testing tools around to help in this endeavor.
The New Stack·4yTypeScript Tutorial: A Guide to Using the Programming Language
JavaScript is one of the most widely-used programming languages for frontend web development on the planet. TypeScript is a strict syntactical superset of JavaScript that aims to extend the language, make it more user-friendly, and apply to modern development. I’m going to walk you through the installation of TypeScript and get you started by creating a basic Hello, World! application.
