TLDR Web Dev

TLDR WEB DEV 2023-06-06

6 sections19 entriesinline urlcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01GENERAL

Sponsored

TURN EVERY ENGINEER INTO A SUPERHERO

Make lightning-fast incident response your team's superpower. FireHydrant [https://firehydrant.com/] helps you easily assign roles and tasks to responders, pull service owners into the fold, and keep everyone informed along the way. With FireHydrant, you can:

firehydrant.comSponsor

02ARTICLES & TUTORIALS

THE EVOLUTION OF REACT APIS AND CODE REUSE

React changed how we think about building UIs. As it continues evolving, it’s changing how we think about building applications. This article explores the evolution of React and the various code reuse patterns that have emerged. It digs into the underlying mental models that shaped them and the tradeoffs that came with them. Finally, it looks into where React is going in the future and what it might entail for web development moving forward.

frontendmastery.com12 min read

MEMORY

In 2021, Adobe, together with Chrome engineering, brought a version of Photoshop to the web. However, the files edited in Photoshop often require more memory than a user has available on their device, due to the many features offered by the software, the types of digital design and editing it is used for, and the capabilities of user devices. This article looks at how Adobe Photoshop engineering solved working with files larger than can fit into memory and how Photoshop works with files larger than the 32-bit address space of wasm32.

developer.chrome.com6 min read

RUNNING PROMISES IN PARALLEL: A VISUAL GUIDE

Promises are everywhere in modern JavaScript. They’re essential for keeping interactions fluid, making UIs snappy, and creating readable code. This article takes a deep dive into promises and how they work through visual illustrations.

julesblom.com9 min read

03OPINIONS & ADVICE

BEING BLOCKED SUCKS. HERE'S WHAT TO DO WHEN IT HAPPENS

Knowing how to handle being blocked by another person or team effectively can potentially 2-5x your output. This article looks into what being blocked looks like, how to unblock yourself, and what to do if you can’t unblock yourself. There are various ways to get unblocked, such as finding an intermediary solution.

careercutler.substack.com6 min read

ON SOFTWARE DEPENDENCY ENGINEERING

Most software has dependencies that are not created by the writers of that piece of software. While open source dependencies that your software relies on is code that you did not write, it is code that you have a localized responsibility for. This article dives into what dependency management is, dependency responsibility, and the need for software dependency engineers who are responsible for managing a project’s dependency graph.

hackmd.io4 min read

CAREER SURVIVAL GUIDE FOR THOSE WHO HATE NETWORKING

Networking can be both stressful and time-consuming. However, networking can be a useful boost to one’s career and having a well-connected network can lead to better career opportunities. This article provides some tips to network better, such as seeking quality over quantity and leveraging existing relationships to meet more people.

forbes.com5 min read

04LAUNCHES & TOOLS

ELECTRON 25.0.0

Electron v25 has been released. It includes upgrades to Chromium 114, V8 11.4, and Node.js 18.15.0. Electron is a framework to build cross-platform desktop applications using web technologies like React, Next.js, and Angular. Many world-class apps are built with Electron, like Figma, Microsoft Teams, 1Password, VSCode, Postman, Slack, Notion, and more.

electronjs.org5 min read

CHAINLIT

Chainlit lets you create ChatGPT-like UIs on top of any Python code in minutes. Some of the key features include intermediary steps visualization, element management & display (images, text, carousel, etc.) as well as cloud deployment. It also has a plug-and-play integration with LangChain.

github.comGitHub repository

OVERLAYSCROLLBARS

OverlayScrollbars is a JavaScript scrollbar plugin that hides native scrollbars and provides custom styleable overlay scrollbars while keeping native functionality and feeling. It features a simple API, high browser compatibility, high device and input compatibility, TypeScript support, and more.

github.comGitHub repository

FERN - THE FUTURE OF API DEVELOPMENT (GITHUB REPO SPONSOR)

Fern is an open source format for defining REST APIs. You can think of it like a programming language to describe your API - your endpoints, types, errors, and examples. Find out why companies like Scale AI and Flatfile already use Fern to develop their APIs and generate their SDKs, check us out on GitHub [https://github.com/fern-api/fern?utm_source=tldr].

github.comGitHub repository

05MISCELLANEOUS

INTRODUCING APPLE VISION PRO: APPLE’S FIRST SPATIAL COMPUTER

Apple's Vision Pro augmented reality headset, unveiled at the annual WWDC keynote, boasts impressive hardware and software capabilities with a price tag of $3,499. It has advanced features such as two micro-OLED screens providing true 4K resolution, LIDAR space sensing, and dual onboard custom processors. It runs on visionOS and allows users to interact with digital content in a way that feels like it is physically present in their space.

apple.com20 min read

AND MORE

Apple unveiled many exciting software and hardware developments in the Apple ecosystem at its WWDC event. They announced a 15-inch Macbook Air, new features in iOS 17, desktop widgets for macOS, FaceTime for Apple TV, a new journaling app, and more.

theverge.com6 min read

FROM IDEA TO DESIGN FOR NON-DESIGNERS

As web developers, we often have to get our hands dirty with design when we build websites. As a non-designer, it can be difficult to make design choices that are visually pleasing, cohesive, and accessible. This article breaks down fundamental design concepts that can help anyone build better websites.

dev.to7 min read