6 SOFTWARE ENGINEERING TEMPLATES I WISH I HAD SOONER
Six templates to help speed up processes at work, such as a design doc template, project management template, diff template, and more.
2023.10.31
Search the archive
Full-text search across article titles and summaries. Refine with sector, year, content type, and reading-time filters.
Results
9,381 matchesON MIXING CLIENT AND SERVER
Mixing client and server code is the new paradigm in React with Server Components. With the “use server” directive, you can run components exclusively on the server. This means that you can do things like write asynchronous database queries right in the component code. This post offers some thoughts on the benefits and drawbacks of this architecture.
2023.10.31
ANDROID AND RISC-V: WHAT YOU NEED TO KNOW TO BE READY
Google is planning to have Android support RISC-V in the near future, but there are a wide range of contributions necessary before it can happen.
2023.10.31
JS SURPRISE: ARRAY.EVERY() ALWAYS RETURNS TRUE FOR EMPTY ARRAYS
Array.every() calls return true for empty arrays. As a result, it’s useful to consider whether there are any items in an array that don’t match a condition with every() call.
2023.10.31
HOW GRAB CATEGORIZES TENS OF MILLIONS OF USERS IN MILLISECONDS
Grab operates a Segmentation Platform to categorize users, drivers, and restaurants into segments for various purposes, such as experimentation, blacklisting, and marketing. This platform handles substantial workloads, with impressive performance metrics of up to 12,000 reads per second, 36,000 writes per second, and a low P99 latency of 40 milliseconds. It consists of two key subsystems: Segment Creation, powered by Apache Spark, and Segment Serving, supported by Go services and ScyllaDB for efficient data storage and retrieval.
2023.10.30
TAO OF REACT - SOFTWARE DESIGN, ARCHITECTURE & BEST PRACTICES
This article dives into best practices for React application structure and design, with general rules for building a productive codebase. It covers various aspects, including components, state management, application structure, performance, testing, styling, and data fetching. The article advocates favoring functional components, maintaining consistency in component styles, and using meaningful component names. It also suggests organizing helper functions outside the component definition, avoiding hard-coded repetitive markup, and managing component size effectively.
2023.10.30
THE SYSTEM DESIGN CHEAT SHEET: API STYLES
A well-designed API can enhance performance, while a poorly designed API can cause a multitude of issues, such as bottlenecks and security vulnerabilities. Different API styles include REST, GraphQL, WebSocket, Webhook, RPC (gRPC), and SOAP. This article breaks down different API styles and explores the key features and drawbacks of each API type. For example, GraphQL offers flexibility by allowing clients to specify their data requirements and is suitable for scenarios with complex frontend needs.
2023.10.30
7 TYPES OF DIFFICULT COWORKERS AND HOW TO DEAL WITH THEM
This article explains the 7 types of difficult coworkers you may encounter, why they’re difficult, and how to turn situations with them into wins for both of you. The author is a tech lead at Meta and has over 10 years of industry experience. An example is the risk-averse coworker: they want to avoid risks and tend to push back on new initiatives because they want to make sure you have done your research. The key to working with them is recognizing what they’re doing is good for you - they are a forcing function for ensuring your plans are well thought out.
2023.10.30
WHEN TO START WRITING TESTS (REDDIT POST)
An engineering team built a product that grew fast without writing any tests. However, the product is now starting to have flakiness and bugs from its lack of tests, so a Reddit user asked when the right time to start writing tests is. Commenters respond with advice, such as writing unit tests to make sure functionality doesn’t change over time. They advise selling the idea of taking time to write tests to management by using a perspective of risk.
2023.10.30
reddit.comTLDR Web Dev
OPENSIGN
OpenSign is an open-source document e-signing solution. It ensures document security through advanced cryptographic algorithms, features a user-friendly interface for all users, and supports various browsers and devices. OpenSign also allows collaboration among team members, maintains detailed audit trails, generates completion certificates, and offers API support for integration with other software and services.
2023.10.30
SCRATCHDB
ScratchDB is a Clickhouse wrapper that enables users to input arbitrary JSON data and conduct analytical queries effortlessly. It automatically generates tables and columns as new data is introduced.
2023.10.30
THE THREE CS: 🤝 CONCATENATE, 🗜️ COMPRESS, 🗳️ CACHE
There are a number of different things we need to take into consideration in order to balance ergonomics, performance, and effectiveness when serving and storing files on the web. This post breaks these processes down into three parts: concatenating files on the server, compressing them over the network, and caching static assets.
2023.10.30
WHEN TO USE CSS TEXT-WRAP:BALANCE VS TEXT-WRAP:PRETTY
Two new values for the text-wrap property were recently introduced: balance and pretty. This article explores when and why you should use them, with code samples to help you visualize their effects.
2023.10.30
TOP 5 GITHUB REPOSITORIES TO ACHIEVE SYSTEM DESIGN MASTERY
A list of GitHub repositories containing system design tutorials, blogs, videos, and case studies.
2023.10.30
WHEN A/B TESTING DOESN'T WORK
A/B tests are used to gauge the impact of simultaneous changes on different segments of a user base. While A/B tests can be highly beneficial for tech giants like Google or Meta, they often pose more challenges than advantages for other companies. Reasons for this include insufficient data, the tendency for incremental changes, the added workload of building and maintaining both features, and difficulty in determining what exactly to measure. Startups, in particular, benefit from being opinionated due to resource constraints and the inability to conduct extensive tests.
2023.10.30
WHAT TO KNOW ABOUT HIRING IN TECH, ACCORDING TO THE HEAD OF TALENT AT ALPHABET’S GROWTH FUND
Big companies and small companies make different hiring decisions for different reasons. The current difficult state of the hiring market will probably rebound next year.
2023.10.30
Sponsored
REVIEW.
2023.10.27
A JOURNEY INTO SHADERS
2023.10.27
OPTIMIZING PERFORMANCE: HOW OUR EXTENSION BECAME LIGHTNING FAST
2023.10.27
THE #1 TRAIT OF THE MOST VALUABLE ENGINEERS
2023.10.27
WEB COMPONENTS WILL OUTLIVE YOUR JAVASCRIPT FRAMEWORK
2023.10.27
Sponsored
ENTERPRISE-GRADE API MOCKING - FOR FREE
2023.10.27
NEXT.JS 14
Next.js 14 has been released. It comes with a much faster local server startup and faster code updates during Fast Refresh. Server actions are now considered stable. There's a free course teaching the App Router, databases, authentication, and more.
2023.10.27
SVELTE BY EXAMPLE
Svelte by Example provides multiple examples for those writing Svelte apps. It has examples for styling, events, reactive statements, stores, and more.
2023.10.27
404 ILLUSTRATIONS – TRENDY 404 IMAGES
A website of illustrations and images someone can use for their 404 pages.
2023.10.27
TAKING CARE OF BUSINESS
2023.10.27
ABOUT THAT
2023.10.27
IT'S 2023, HERE IS WHY YOUR WEB DESIGN SUCKS.
2023.10.27
USING CHATGPT FOR SMART TRUNCATION IN RESPONSIVE WEB DESIGN
2023.10.27
KNOWLEDGE CUTOFF: APRIL 2023
OpenAI’s knowledge cutoff date has been updated to April 2023.
2023.10.27
THE NEGATIVE IMPACT OF MOBILE-FIRST WEB DESIGN ON DESKTOP
2023.10.27
THE NINE BEST RECOMMENDATIONS IN THE NEW REACT DOCS
2023.10.26
IN A SINGLE SERVER
2023.10.26
6 SKILLS REQUIRED TO BE A SENIOR SOFTWARE ENGINEER
2023.10.26
ADVICE TO A NOVICE PROGRAMMER
2023.10.26
15 PRINCIPLES FOR MANAGING UP
2023.10.26
Sponsored
INCOGNI: AUTOMATED OPT-OUT FROM ONLINE DATA BROKERS
2023.10.26
OPENAPI DEVTOOLS
2023.10.26
REACTAGENT
ReactAgent is an experimental AI agent powered by GPT-4. It generates and composes React components based on user stories utilizing a local design system and adheres to Atomic Design Principles. ReactAgent tool uses React, TailwindCSS, Typescript, Radix UI, Shandcn UI, and the OpenAI API.
2023.10.26
SELECT ELEMENT: NOW WITH HORIZONTAL RULES
2023.10.26
WHY I THINK GCP IS BETTER THAN AWS
2023.10.26
BUILDING A GLOBAL DEPLOYMENT PLATFORM IS HARD, HERE IS WHY
2023.10.26
SERVER ACTIONS ARE NOW IN REACT CANARY
2023.10.26
BAD LICENSES
A compendium of poorly written or absurd open-source licenses.
2023.10.26
A CSS PROPERTY FOR CREATING DEPTH
2023.10.26
Sponsored
INCIDENT MANAGEMENT + ALERTING BELONG TOGETHER
2023.10.25
AUTOMATING DEAD CODE CLEANUP
2023.10.25
DETECTING TRAFFIC ANOMALIES AT SCALE
2023.10.25
BECOME A BETTER ENGINEER BY WORKING ON SIDE PROJECTS
2023.10.25
WHAT AI WON’T REPLACE IN YOUR PROGRAMMING
2023.10.25