Sponsored
If you've tried to build automated test coverage in-house, you know it takes years to scale. Try QA Wolf [9] instead - they get web apps to 80% test coverage in just 4 months. They will create and maintain your test suite in Playwright (no vendor lock-in, you own the code), and provide unlimited parallel test runs on their infrastructure. QA Wolf has multiple case studies of customers saving at least $200k/year in QA engineering and infrastructure costs. Schedule a demo
Screenshot-to-code converts a screenshot to HTML and Tailwind CSS. It uses GPT-4 Vision to generate the code and DALL-E 3 to generate similar looking images. You must use your own GPT-4 Vision API key in order to use it.
MakeReal is a canvas where you can draw anything and have GPT-4 turn it into actual working code.
Vite 5 has been released. Vite is the main development environment for new React applications that aren’t based on create-react-app or Next.js. The new release of Vite comes with a host of changes, such as performance improvements.
Maintainer burnout can happen with open-source projects that have garnered significant usage but no financial compensation. One solution to this is a compensation model that pays active contributors to highly utilized products. Companies using open-source software should either contribute financially or allocate developer time to these projects.
Unplanned work, which includes bug reports and emergencies, can cause friction to a team’s productivity. Managing unplanned work involves two phases: intake and execution. Intake focuses on turning unexpected issues into actionable tasks, emphasizing the need for a frictionless process to ensure comprehensive reporting. The execution phase centers on efficiently resolving these issues, such as using a shared team inbox for bugs. Clearly defined roles and Service-Level Agreements (SLAs) help maintain accountability and prioritize urgent work.
A collection of C++ complexities and tips to learn them better.
A series of free tutorials to learn DOM manipulation using vanilla JavaScript, starting with the basics and going all the way to advanced tutorials.
Vercel has released its style guide for code. The repository includes configs for popular linting and styling tools, such as Prettier and ESLint. It supports TypeScript.
StackOverflow picked Svelte as its frontend framework in the process of modernizing its UI. Traditional frameworks like React send the built runtime code for the browser to execute, so the browser will do work like initializing components and managing the virtual DOM. Svelte, on the other hand, does this work during compile time, on the developers machine. It does not push any framework-specific runtime library code to the client’s browser, thus resulting in better performance.
Uber has extensively adopted Go for backend services, leading to a massive Go codebase with 90 million lines of code. Pointers, a fundamental aspect of Go, are used for efficient memory management and data manipulation, but can cause nil panics, a common runtime error. To address this, Uber developed NilAway, an automated tool for detecting nil panics using sophisticated static analysis. NilAway, now open-sourced, has been effective in Uber's large Go monorepo, significantly reducing runtime errors caused by nil panics.
Non-technical skills are just as important as technical skills during interviews. Key skills include the ability to ask clarifying questions in the face of ambiguity, thinking in terms of trade-offs, articulating one's thought process clearly, demonstrating humility, and being receptive to guidance. During interviews, candidates should understand and reflect on problem statements, consider the pros and cons of solutions, communicate clearly, admit knowledge gaps, and listen actively during interviews.
This article shares key practices that a software developer wished they had adopted earlier. It emphasizes the importance of reading and applying the C.O.D.E (Capture, Organize, Distill, Express) method to deepen understanding and retain knowledge. The article stresses the value of pair programming, highlighting how it fosters learning and improves code quality.
This article shares insights and strategies for managing ADHD in relation to software development from someone diagnosed with ADHD at 44 after years of mental health struggles. ADHD manifests in various forms like inattention, hyperactivity-impulsivity, or a combination of both. It often goes undiagnosed. The article emphasizes the importance of creating an ADHD-friendly work environment, utilizing tools like note-taking apps for organization, scheduling tools for time management, Slack for communication, and music for focus.
The Buf CLI is a tool for working with Protocol Buffers. It features the ability to manage Protobuf assets easily. Buf has a linter to enforce good API design choices and structure. It also comes with other tools, including a breaking change director and formatter.
DenoKV is a self-hosted backend for Deno KV, a JavaScript-first key-value database. It features ACID transactions, multiple consistency levels, and JavaScript APIs.
Satya Nadella has been actively promoting the potential of AI-powered tools for developers at various conferences. He sees this transition to natural language AI tools as pivotal, emphasizing that these tools will make development more accessible and increase productivity. At the same time, he acknowledges the need to address intellectual property concerns and fair use in the context of these AI tools, assuring that Microsoft is mindful of legal implications and is ready to take on liability to protect its users.
GPTs allow users to create and interact with custom GPT chatbots. This article covers various GPTs like the Dejargonizer, JavaScript Code Interpreter, and Dependency Chat. It also touches on the potential of actions, which enable GPTs to call API endpoints - this is still a complex feature to get working correctly.
The curl project emphasizes the importance of maintaining support for legacy platforms to ensure that changes in the code do not break functionality on these older systems. This commitment stems from curl's core principle of stability and trust, ensuring that applications relying on curl continue to function seamlessly across different versions and platforms. The curl project occasionally deprecates features, but with transparency.
WebAssembly (WASM) is a universal low level bytecode that runs on the web. This website teaches WASM to developers using examples.
SQLite4 has some key changes, such as a simplified key-value storage engine and better decimal math.
Usability on the web has gone down over time. This article provides evidence for how and why this has happened.
Sponsored
for developers like you: front-end, back-end, product - you name it. And here’s the best part: You don’t need to apply for jobs. Companies approach you with salary details [5] upfront 🤯
This article explores four kinds of optimization: using better algorithms, better data structures, lower-level systems, or accepting less precise solutions. Each solution involves trade-offs and requires a deep understanding of the specific context and performance requirements. Before making assumptions about performance bottlenecks, it’s important to rigorously profile an application and use the right optimizations in the right context.
This article explains the two ways of working with forms in Angular: Reactive and Template-driven forms. Reactive forms provide direct access to the underlying form object model and are suitable for applications heavily reliant on forms, offering scalability, reusability, and testability. Template-driven forms use directives within the template to create and manipulate the form’s object model and are simpler to use for basic forms. The article provides a detailed guide on creating a profile form component to demonstrate how each type of form is implemented.
Software architects and senior engineers can save you tons of time and prevent crucial mistakes from happening. The key to a productive relationship with them includes doing your part well, like promptly addressing their requests, proactively consulting them, and appreciating their contributions. It’s important to clearly define the help needed, push for their support, and avoid offloading trivial tasks.
This author experienced an existential crisis over the past several months about their work in open source AI due to the industry's rapid evolution and toxic backlash. After taking a break, they returned to find users questioning the abandonment of their project, which caused panic and frustration. They reflect on the unrealistic expectations in open source software development, highlighting the challenges of maintaining projects and dealing with user demands.
Sponsored
Elevate your business with a robust data file importer [10] embedded right into your application. Collect customer data—whether it's CSV, XLSX, or more—via embedded GUI, API, webhooks, or workflows. Leverage the power of AI to efficiently transform and match fields [10]to meet your specific format. Trusted by industry leaders like Square, ClickUp, Sage, and countless others. Get started today and revolutionize your data import solution,
GPT Crawler crawls websites that you specify and creates a summation of the information on the sites, all packed into a file. This file can then be used in tandem with OpenAI to create a custom assistant or a custom GPT.
SirixDB is a database system designed for embedding, focusing on temporal and evolutionary data management. It adopts an append-only strategy for storing immutable versions, ensuring the complete history of each resource is preserved. Each commit in SirixDB creates a space-efficient snapshot via structural sharing. The system is built on a log-structured model that avoids data overwriting and implements an innovative versioning technique at the page level.
The future of cloud data services may focus on serverless, multi-tenant data architectures. This article examines different systems like OLTP databases, OLAP, cloud data warehouses, and event streaming systems. The author notes the growth in serverless multi-tenant (MT) systems, such as Google's BigQuery and Amazon's DynamoDB, and explores emerging ones like Neon and CockroachDB. There are challenges unique to serverless MT systems, such as latency, consistency, heat management, and the importance of high resource utilization.
A team of 3 developers at Monday.com upgraded their Elasticsearch cluster and improved indexing strategies in just 3 weeks, resulting in a 3.5x average performance boost and a 40x boost in peak times for complex queries. This post highlights in detail how the migration process was performed, breaking it into 5 steps: cluster and index creations, data integration and performance checks, and throttling and optimization. It also comes with 6 takeaways that can be helpful for any general data migration process.
A collection of best practices for building successful, empathic, and user-friendly CLI tools using Node, plus an appendix of popular CLI frameworks.
A curriculum for learning machine learning put together by Microsoft Engineering.
A developer shares his lessons from creating a programming language called Inko.
The GitHub CLI is an amazing tool for anyone involved in open source. This article shows you how to use it to its fullest potential.
Sponsored
The Adevinta tech team manages dozens of high-traffic marketplaces around the world. Their engineering blog on Medium [6] is a great resource for hands-on learnings, covering technical topics Adevinta developers encounter in their daily work (no promotional BS):
DoorDash built a common web app within native mobile applications that supported rapid content updates and similar content across all platforms. Its system architecture involved a WebView that interfaced with Backend for Frontend (BFF) and a backend service. The backend service managed content stored as JSON, including UI formatting. The DoorDash team faced challenges in dealing with different platform messaging protocols, managing the complexity of different message types as requirements evolved, and maintaining compatibility with different feature and client versions.
This article covers tips to optimize your website, such as using modern web formats, lazy loading, using a CDN, setting up caching, using a static site generator, and more. It goes in-depth by showing detailed code examples and images for each piece of advice. The article covers both tips for optimization with code along with more general advice, such as switching analytics tools.
2023.11.14·levelup.gitconnected.com·16 min read·TLDR Web Dev HTML Web components allow for rendering before JavaScript, promoting a design of composability and augmentation. React involves creating components that entirely handle both functionality and rendering with JavaScript. Long-term success on the web tends to favor technologies that augment and enhance existing standards, like HTML5 and fetch API, rather than those that seek to replace them.
Common workplace issues stem from vague instructions by managers and leaders. Examples include employees spending excessive time on tasks due to unclear requirements, misunderstandings leading to over-preparation for meetings, and projects being delayed because of misinterpreted directives about modernization. To prevent such issues, leaders should be precise in their requests and employees should ask for clarification often.
React Datasheet Grid is an Excel-like component for creating spreadsheets using React and TypeScript. It supports copy-pasting to and from Excel and Google Sheets, keyboard navigation and shortcuts, hundreds of thousands of rows, customization, and all common gestures from normal sheets, such as dragging a corner to expand a selection.
⌘K-sv is a command menu Svelte component. It can be used as an accessible combobox, where it renders, filters, and sorts items automatically.
It’s vital for managers to be effective in the way they lead their teams and carry out their daily responsibilities. If they don’t take the time to develop effective habits, a manager risks wasting time, producing inconsistent results, and allowing problems to persist. This article highlights six valuable principles that will help any manager develop effective habits.