Community Picks·4yDDD, Hexagonal, Onion, Clean, CQRS, … How I put it all together
Ports & Adapters architecture identifies three fundamental blocks of code in a system. In most languages and in its most simple form, the Port will be an Interface, but it might actually be composed of several Interfaces and DTOs.
Community Picks·4yI am a mediocre developer
The main problem in software development is not machines, but developers' mental capacity. It allows you to copy bad design decisions or vulnerable code from other people. When the internet will go down, we won't be able to work, but, I don't think that it is a big problem. Hopefully, we can still automate it.
Community Picks·4yMy developer workflow using WSL, tmux and Neovim
Microsoft made Windows Subsystem for Linux also known as WSL. I use Oh My Zsh to manage my zsh configuration, which makes it trivial to install and use plugins. To install Starship, Starship is a minimal, highly customizable and super fast prompt. Neovim is the best code editor for me because of its speed and ease of customization. All the configuration is written in Lua.
DZone·4y7 Great Terminal/CLI Tools Not Everyone Knows
Exa is a modern replacement for the venerable file-listing command-line program ls that ships with Unix and Linux operating systems. It uses colors to distinguish file types and metadata. It knows about symlinks, extended attributes, and Git. The video gives a short overview of how to use the tools mentioned above work.
Hashnode·4yHow to Debug Better with Chrome
Google Chrome is probably the most widely used and popular web browser among developers. It has gradually become the preferred web browser for most developers to test and debug their websites and web apps. Google Chrome provides developers with the ability to debug most web applications with the built-in developer tools (aka DevTools) within the browser.
Hashnode·4yCreate a new React app with Vite
Vite: Enables Hot Module Replacement (HMR) Helps you import and manage your project and manage. With one command and a few seconds, it can generate all the above boilerplate for you and more. It’s fast, and you keep your application state if you want. HMR saves time you would otherwise spend waiting around or inputting data to recreate your app state. It reduces friction.
Pointer·4ysurrealdb/surrealdb: A scalable, distributed, collaborative, document-graph database, for the realtime web
SurrealDB is an end-to-end cloud native database for web, mobile, serverless, jamstack, backend, and traditional applications. It can run as a single server or in a highly-available, highly-scalable distributed mode. With strongly-typed data types, data can be fully modelled right in the database. Easily work with unstructured or structured data, in schemafull. Data can be completely modelled.
asayer·4yFour top Front End Monitoring Tools for your Website
Front-end or front-end application monitoring includes the process and tools for tracking and managing an application's presentation layer. For example, NGINX Amplify, a SaaS-based monitoring tool, monitors performance, tracks infrastructure assets, and enhances configuration using static analysis. OpenReplay tracks critical slowdowns, crashes, CPU/memory usage, rendering times, etc. It can capture JavaScript errors and sync with recordings. You can upload your source maps to see the source code in the stack trace.
Hacker Noon·4yMaking Your Code Look Pretty
Some programming languages, such as Python, made indentation a meaningful part of the language syntax to enforce reasonable indentation. Many projects have even formal style guides, explaining how those things should be done in the project. Prettier is a frontend-oriented code formatter, used by core teams of React, Vue,
Hacker News·4yTypescipt is terrible for library developers
library developers are shifting complexity from end-developers to library developers. As a library developer, typescript sucks for library developers, but at the end of the day it reduces developer productivity. The only tool that I know library developers use is the Typescript playground so they can isolate discrete parts of their type logic to figure.
Bits and Pieces·4y5 Ways to Build a React Monorepo
NX NX is a powerful build tool for React monorepos. It automates tasks that developers must repeat manually and includes features like computation caching, incremental builds, build automation. Like Bit NX Creates a workspace, which contains the monorepo setup for your project of many projects.
Hashnode·4yBest Practices for TypeScript Monorepo
Monorepos can be advantageous when used with the proper tools. In Yarn workspaces, installing packages across workspaces becomes faster and lighter. There are tools that can help you achieve this; tools that will add a new resolver for your modules when your code is being compiled. The use of Prettier and ESLint in a monorepo generally works well.
Community Picks·4yI'm So Happy I Quit My Dream Job
Twitch is a streaming company that allows creators to create live video content. Founder of Twitch says he's been chasing simplicity since leaving Twitch for smaller companies. By moving from Zoom/Discord over to Ping, our creators could now… Pull in guests with resolutions as high Ping.gg 1.0 Launches Today, Starting at $16/month.
Geekflare·4y12 Best Frameworks and Toolkits to Build Desktop Applications
Tauri 1.0 uses the Rust programming language, which has become rapidly popular as a language for building next-generation applications. Tauri has a dedicated team that works on security patches regularly to make the platform capable of resisting sophisticated cyber threats.
Better Programming·4yDissecting Rust Traits to Learn Their Secrets
The Add trait is one of the most interesting traits in Rust. Dissecting Rust Traits to Learn Their Secrets is an incredible example to learn how the tools of the traits can be pieced together to offer an amazing flexibility with a perfectly tied functionality.
Hashnode·4yPhpStorm Plugins You Should Know
Php Inspections (EA Extended) is an open-source Code Review and Static Code Analysis tool for PHP. GitLive is an absolute must to enhance PhpStorms’s built-in Git functionality with real-time features such as online presence for team members and instant merge conflict detection.
asayer·4yPlan your User Interface with Figma
Figma is a web-based collaborative design tool that helps you to create logos, blogs, websites, applications, and much more. It is browser-based and works on any computer, whether a Mac or Pc, and on Chromebooks. You can preview your designs on a mobile screen and use the app on the mobile screen. The installation process is very straightforward if you intend to use the application version. The app is very simple. It is easy. The tool is easy to use. The tools are easy and easy. To follow designers in the Figma community and like their work.
Hacker News·4yjetpack-io/devbox: Instant, easy, predictable shells and containers.
Devbox analyzes your source code and turns it into an OCI-compliant image that can be deployed to any cloud. Join our Developer Community - Chat with us by joining the Jetpack.io Discord Server – we have a #devbox channel dedicated to this project.
Visual Studio Code·4yIntroducing the Markdown Language Server
VS Code's Markdown Language Server will be launched August 16, 2022 by Matt Bierner, @MattBierner. Markdown is a language server for Markdown built using the language service. The language server is split between two new (and similarly named!) open source libraries.
asayer·4yAlternatives to React: Preact
Preact is a front-end library for building User Interfaces (UI) just like React. Preact uses a virtual DOM, context, hooks, etc. In this article, we will dive into the world of Preact. We would learn why the library was created, how it works, and how it compares to React.
