--tsZ5qLmZ
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: quoted-printable
Automattic recently wrote an article and gave a speech publicly
disparagi=
ng WP Engine - WP Engine has responded with a public =E2=80=9Ccease
and d=
esist=E2=80=9D.=C2=A0=20
Sign Up [1] |Advertise [2]|View Online [3]=20
=
=09=09TLDR
=09=09TOGETHER WITH [Stytch] [4]
=C2=A0TLDR WEB DEV=
2024-09-24
THIS AUTH KILLS BOTS (SPONSOR) [4]=20
Build auth your=
future self will thank you for with Stytch [4]=F0=9F=91=87
=09* It's=
a developer-focused platform [5] with unparalleled
flexibility to handle=
any use case, at any scale. Supports
multi-tenant B2B apps, SSO, RBAC, S=
CIM, and a pre-built front-end UI.
=09* Built-in fraud prevention and de=
vice fingerprinting [6] tells you
if traffic is from a returning user, fr=
audster, or bot.
=09* Future proof, scalable infrastructure means you ha=
ve secure
guardrails for any spike in traffic [4]: 99.999%+ uptime SLA,=
SMS/email provider failover, user + org data models, account
deduplica=
tion, and more.
=E2=9C=85 Trusted by Zapier, Replit, Clearbit, Cisco, =
Groq
Discover the joys of Stytch =F0=9F=98=8D [4]
=F0=9F=A7=91=
=E2=80=8D=F0=9F=92=BB=20
ARTICLES & TUTORIALS
WHEN POSTGRES INDEXI=
NG WENT WRONG (7 MINUTE READ) [7]=20
When a concurrent Postgres index c=
reation silently failed, the app
that used the database faced performance=
degradation, almost leading
to a production outage. This failure was exa=
cerbated by the use of
partitioned tables, resulting in inconsistent inde=
x usage across
different partitions. To avoid such issues, monitor concur=
rent index
creation, validate indexes regularly, and create partition ind=
exes
consistently.=20
IMPLEMENTING FEATURE FLAGGING WITH THE NEXT.JS =
APP ROUTER (6 MINUTE
READ) [8]=20
Use environment variables to contro=
l feature visibility, validate
them, and then access them within server a=
nd client components using
custom functions and a feature provider. This =
blog post explains how
to implement basic feature flagging with the Next.=
js App Router. It
demonstrates a practical application of feature flaggin=
g by
controlling the visibility of sidebar routes based on feature flags.=
=20
OPTIMIZING FOR HIGH LATENCY ENVIRONMENTS (22 MINUTE READ) [9]=20
=
Chrome's User Experience Report provides Round-Trip-Time (RTT) data,
=
which reveals the network conditions of users. Many users have slower
net=
work connections, so web applications should be able to handle
high-laten=
cy environments well. Some strategies to handle these
include reducing tr=
ansfer size, using a CDN, upgrading to HTTP/2 and
TLS 1.3, and adopting H=
TTP/3 (QUIC) if possible.=20
=F0=9F=A7=A0=20
OPINIONS & ADVICE
=
THE INTELLIGENCE AGE (6 MINUTE READ) [10]=20
Sam Altman describes a new=
=E2=80=9CIntelligence Age=E2=80=9D driven by new AI
advancements. This n=
ew era promises massive improvements in various
aspects of life, includin=
g healthcare, education, and even solving
global problems like climate ch=
ange. While AI's potential for
prosperity is immense, there is still a ne=
ed to navigate risks, like
those related to labor markets.=20
SERIOUS=
LY, STOP USING RSA (13 MINUTE READ) [11]=20
RSA is a widely used public=
-key cryptosystem which is arguably
fundamentally flawed and should be ab=
andoned. Its security relies on
carefully chosen parameters, which develo=
pers often fail to select
properly, leading to vulnerabilities. These vul=
nerabilities stem from
subtle mathematical properties that average develo=
pers are unlikely to
grasp, making RSA inherently fragile and prone to at=
tacks.=20
MY LEARNINGS FROM 7 FAILED TECH INTERVIEWS (8 MINUTE READ) [1=
2]=20
Zach Wilson, an ex-Airbnb staff data engineer, goes through seven=
tech interviews he failed over the last decade. He shares learnings
fr=
om his time. For example, job hopping early in your career is great
for g=
rowth, but not as great after you hit your mid-career.=20
=F0=9F=9A=
=80=20
LAUNCHES & TOOLS
[FREE APPSEC LESSON] GET TO KNOW THE SECUR=
E SUPPLY CHAIN CONSUMPTION
FRAMEWORK (SPONSOR) [13]=20
Learn how to s=
ecurely ingest and manage open-source software into
your projects by leve=
raging the Secure Supply Chain Consumption
Framework (S2C2F). This framew=
ork is focused on governance, continuous
improvement, and scalable practi=
ces to ensure the integrity and
security of your software supply chain. C=
laim your free video lesson
[13] or get a free taster on Youtube [14]=20
=
TS-BLANK-SPACE (WEBSITE) [15]=20
ts-blank-space is a TypeScript-to-=
JavaScript compiler that focuses on
speed by removing type annotations an=
d replacing them with whitespace.
It utilizes the original TypeScript par=
ser and is written in pure
TypeScript.=20
SIDEKICK (GITHUB REPO) [16]=
=20
Sidekick is a tool that simplifies the deployment applications on=
VPS', making the process of hosting side projects faster and more
affo=
rdable by automating the setup and deployment process. It enables
zero-do=
wntime deployments and provides features like high
availability, load bal=
ancing, and automatic SSL certificates.=20
MICROJS (WEBSITE) [17]=20
=
A library of JavaScript packages with small footprints.=20
=
=F0=9F=8E=81=20
MISCELLANEOUS
TUNE LLAMA3 405B ON AMD MI300X (10 M=
INUTE READ) [18]=20
Felafax successfully fine-tuned the LLaMA 3.1 405B =
model on 8 AMD
MI300x GPUs using JAX, Google's Python library for high-pe=
rformance
numerical computing and machine learning. Its team used JAX for=
efficient parameter sharding and a LoRA implementation, achieving
near=
-linear scaling and high memory efficiency.=20
NO DATA LASTS FOREVER (6=
MINUTE READ) [19]=20
No data lasts forever. From ancient papyrus scrol=
ls to modern hard
drives and flash memory, every method of data storage h=
as limitations
and eventually fails. In modern times, the potential for d=
ata loss
comes from hardware failures, technological obsolescence, and
=
intentional or accidental deletion.=20
CLOUDFLARE'S NEW MARKETPLACE WIL=
L LET WEBSITES CHARGE AI BOTS FOR
SCRAPING (4 MINUTE READ) [20]=20
Cl=
oudflare is launching a marketplace where website owners can sell
access =
to their content to AI model providers. This marketplace will
allow websi=
tes to charge AI bots for scraping their content.
Cloudflare has also int=
roduced AI Audit, a tool that allows website
owners to monitor and block =
AI bots.=20
=E2=9A=A1=20
QUICK LINKS
WP ENGINE RESPONDS TO WORD=
PRESS (1 MINUTE READ) [21]=20
Automattic recently wrote an article and =
gave a speech publicly
disparaging WP Engine - WP Engine has responded wi=
th a public =E2=80=9Ccease
and desist=E2=80=9D.=20
FROM NODE.JS TO DE=
NO: HOW IT ALL BEGAN (9 MINUTE VIDEO) [22]=20
This special feature expl=
ores Deno, a new JavaScript runtime created
by the minds behind Node.js, =
examining its origins, differences from
Node.js, and the lessons learned =
in its development.=20
USING TYPESCRIPT AND RAG TO ENHANCE USER QUERIES=
FROM A TEXT DATASET
(15 MINUTE READ) [23]=20
This article explains h=
ow to implement Retrieval Augmented Generation
(RAG) in TypeScript and Re=
act to create a chatbot that can answer
questions about content from a la=
rge text dataset by retrieving
relevant information from a vector databas=
e and providing it to an
LLM.=20
USING CALLBACKS TO ACHIEVE BETTER CO=
MPONENT DECOUPLING IN REACT (3
MINUTE READ) [24]=20
Using callbacks i=
n React to achieve better component decoupling
involves shifting control =
of state updates from child components to
parent components.=20
NEXT-=
SAAS-STRIPE-STARTER (GITHUB REPO) [25]=20
This is a full-featured, pre-=
configured starter project for building
SaaS applications using Next.js, =
Prisma, Neon, Auth.js, Resend, React
Email, Shadcn/ui, and Stripe.=20
=
Love TLDR? Tell your friends and get rewards!
Share your referral lin=
k below with friends to get free TLDR swag!=20
https://refer.tldr.tech/=
363c65bf/3 [26]=20
=09=09Track your referrals here. [27]
Want to ad=
vertise in TLDR? =F0=9F=93=B0
If your company is interested in reachi=
ng an audience of web
developers and engineering decision makers, you may=
want to ADVERTISE
WITH US [28].=20
If you have any comments or feedb=
ack, just respond to this email!=20
Thanks for reading,=20
Priyam Mohant=
y, Jenny Xu & Ceora Ford=20
If you don't want to receive future editions=
of TLDR Web Dev, please
unsubscribe from TLDR Web Dev [29] or manage all=
of your TLDR
newsletter subscriptions [30].=20
=20
Links:
------=
[1]
https://tldr.tech/webdev?utm_source=3Dtldrwebdev
[2]
https://adver= tise.tldr.tech/?utm_source=3Dtldrwebdev&utm_medium=3Dnewsletter&utm_campaig= n=3Dadvertisetopnav
[3]
https://a.tldrnewsletter.com/web-version?ep=3D1&l= c=3Ddf5a9a84-734c-11ef-ae5c-1145880928d7&p=3D93028f14-7a51-11ef-bf6a-472931= d905a6&pt=3Dcampaign&t=3D1727176570&s=3Dc7f37314229c3bcc662679fe6dea13896fd= aaddc7ba703e2725b422848da11ac
[4]
https://stytch.com?utm_source=3Dtldrweb= dev&utm_medium=3Dpaid_sponsorship&utm_content=3Dtldr-webdev-09-24-2024&utm_= campaign=3Dtldr-webdev-q3-2024
[5]
https://stytch.com/docs?utm_source=3Dt= ldrwebdev&utm_medium=3Dpaid_sponsorship&utm_content=3Dtldr-webdev-09-24-202= 4&utm_campaign=3Dtldr-webdev-q3-2024
[6]
https://stytch.com/fraud?utm_sou= rce=3Dtldrwebdev&utm_medium=3Dpaid_sponsorship&utm_content=3Dtldr-webdev-09= -24-2024&utm_campaign=3Dtldr-webdev-q3-2024
[7]
https://blog.bemi.io/inde=
xing/?utm_source=3Dtldrwebdev
[8]
https://aurorascharff.no/posts/implemen= ting-feature-flagging-with-nextjs-app-router?utm_source=3Dtldrwebdev
[9] =
https://csswizardry.com/2024/09/optimising-for-high-latency-environments/?u= tm_source=3Dtldrwebdev
[10]
https://ia.samaltman.com/?utm_source=3Dtldrwe=
bdev
[11]
https://blog.trailofbits.com/2019/07/08/fuck-rsa/?utm_source=3D= tldrwebdev
[12]
https://blog.dataengineer.io/p/my-learnings-from-7-failed= -tech-interviews?utm_source=3Dtldrwebdev
[13]
https://info.securityjourne= y.com/supply-chain-security-lesson?utm_campaign=3DSupply%20Chain%20Security= %20Lesson&utm_source=3DTLDR&utm_medium=3Dnewsletter
[14]
https://www.yout=
ube.com/watch?v=3D11tfCFZNw5A&t=3D2s
[15]
https://bloomberg.github.io/ts-=
blank-space/?utm_source=3Dtldrwebdev
[16]
https://github.com/MightyMoud/s=
idekick?utm_source=3Dtldrwebdev
[17]
http://microjs.com/?utm_source=3Dtld=
rwebdev
[18]
https://publish.obsidian.md/felafax/pages/Tune+Llama3+405B+o= n+AMD+MI300x+(our+journey)?utm_source=3Dtldrwebdev
[19]
https://lilysthin= gs.org/blog/no-data-lasts-forever/?utm_source=3Dtldrwebdev
[20]
https://t= echcrunch.com/2024/09/23/cloudflares-new-marketplace-will-let-websites-char= ge-ai-bots-for-scraping/?utm_source=3Dtldrwebdev
[21]
https://threadreade= rapp.com/thread/1838350670564377051.html?utm_source=3Dtldrwebdev
[22] htt=
ps://m.youtube.com/watch?v=3DzxitJn9MwYs&utm_source=3Dtldrwebdev
[23] htt= ps://edspencer.net/2024/9/2/easy-rag-for-typescript-and-react-apps?utm_sour= ce=3Dtldrwebdev
[24]
https://darios.blog/posts/using-callbacks-in-react?u= tm_source=3Dtldrwebdev
[25]
https://github.com/mickasmt/next-saas-stripe-= starter?utm_source=3Dtldrwebdev
[26]
https://refer.tldr.tech/363c65bf/3=
[27]
https://hub.sparklp.co/sub_c9fe76197514/3
[28]
https://advertise.= tldr.tech/?utm_source=3Dtldrwebdev&utm_medium=3Dnewsletter&utm_campaign=3Da= dvertisecta
[29]
https://a.tldrnewsletter.com/unsubscribe?ep=3D1&l=3De8d2= 01ca-3e93-11ed-9a32-0241b9615763&lc=3Ddf5a9a84-734c-11ef-ae5c-1145880928d7&= p=3D93028f14-7a51-11ef-bf6a-472931d905a6&pt=3Dcampaign&pv=3D4&spa=3D1727175= 659&t=3D1727176570&s=3D112b1bf762f053242e3990c55ff7af61828bdaaeff9306a75599= 8b5bc6d6a76e
[30]
https://tldr.tech/webdev/manage?email=3Dtldr%40synchro.=
net
--tsZ5qLmZ
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable
<!DOCTYPE html><html lang=3D"en"><head><meta http-equiv=3D"Content-Type" co= ntent=3D"text/html charset=3DUTF-8"><meta charset=3D"UTF-8"><meta name=3D"v= iewport" content=3D"width=3Ddevice-width"><meta name=3D"x-apple-disable-mes= sage-reformatting"><title>TLDR WebDev</title><meta name=3D"color-scheme" co= ntent=3D"light dark"><meta name=3D"supported-color-schemes" content=3D"ligh=
t dark"><style type=3D"text/css">
=09=09=09:root {
=09=09=09=09color-scheme: light dark; supported-color-schemes: light dark; =09=09=09}
=09=09=09
=09=09=09*,
=09=09=09*:after,
=09=09=09*:before {
=09=09=09=09-webkit-box-sizing: border-box; -moz-box-sizing: border-box; bo= x-sizing: border-box;
=09=09=09}
=09=09=09
=09=09=09* {
=09=09=09=09-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; =09=09=09}
=09=09=09
=09=09=09html,
=09=09=09body,
=09=09=09.document {
=09=09=09=09width: 100% !important; height: 100% !important; margin: 0; pad= ding: 0;
=09=09=09}
=09=09=09
=09=09=09body {
=09=09=09=09-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: g= rayscale; text-rendering: optimizeLegibility;
=09=09=09}
=09=09=09
=09=09=09div[style*=3D"margin: 16px 0"] {
=09=09=09=09margin: 0 !important;
=09=09=09}
=09=09=09
=09=09=09table,
=09=09=09td {
=09=09=09=09mso-table-lspace: 0pt; mso-table-rspace: 0pt;
=09=09=09}
=09=09=09
=09=09=09table {
=09=09=09=09border-spacing: 0; border-collapse: collapse; table-layout: fix= ed; margin: 0 auto;
=09=09=09}
=09=09=09
=09=09=09img {
=09=09=09=09-ms-interpolation-mode: bicubic; max-width: 100%; border: 0; =09=09=09}
=09=09=09
=09=09=09*[x-apple-data-detectors] {
=09=09=09=09color: inherit !important; text-decoration: none !important; =09=09=09}
=09=09=09
=09=09=09.x-gmail-data-detectors,
=09=09=09.x-gmail-data-detectors *,
=09=09=09.aBn {
=09=09=09=09border-bottom: 0 !important; cursor: default !important;
=09=09=09}
=09=09=09
=09=09=09.btn {
=09=09=09=09-webkit-transition: all 200ms ease; transition: all 200ms ease; =09=09=09}
=09=09=09
=09=09=09.btn:hover {
=09=09=09=09background-color: #f67575; border-color: #f67575;
=09=09=09}
=09=09=09
=09=09=09* {
=09=09=09=09font-family: Arial, Helvetica, sans-serif; font-size: 18px; =09=09=09}
=09=09=09
=09=09=09@media screen and (max-width: 600px) {
=09=09=09=09.container {
=09=09=09=09=09width: 100%; margin: auto;
=09=09=09=09}
=09=09=09=09.stack {
=09=09=09=09=09display: block!important; width: 100%!important; max-width: = 100%!important;
=09=09=09=09}
=09=09=09=09.btn {
=09=09=09=09=09display: block; width: 100%; text-align: center;
=09=09=09=09}
=09=09=09}
=09=09=09
=09=09=09body,
=09=09=09p,
=09=09=09td,
=09=09=09tr,
=09=09=09.body,
=09=09=09table,
=09=09=09h1,
=09=09=09h2,
=09=09=09h3,
=09=09=09h4,
=09=09=09h5,
=09=09=09h6,
=09=09=09div,
=09=09=09span {
=09=09=09=09background-color: #FEFEFE !important; color: #010101 !important=
;
=09=09=09}
=09=09=09
=09=09=09@media (prefers-color-scheme: dark) {
=09=09=09=09body,
=09=09=09=09p,
=09=09=09=09td,
=09=09=09=09tr,
=09=09=09=09.body,
=09=09=09=09table,
=09=09=09=09h1,
=09=09=09=09h2,
=09=09=09=09h3,
=09=09=09=09h4,
=09=09=09=09h5,
=09=09=09=09h6,
=09=09=09=09div,
=09=09=09=09span {
=09=09=09=09=09background-color: #27292D !important; color: #FEFEFE !import= ant;
=09=09=09=09}
=09=09=09}
=09=09=09
=09=09=09a {
=09=09=09=09color: inherit !important; text-decoration: underline !importan=
t;
=09=09=09}
=09=09</style><!--[if mso | ie]>
=09=09<style type=3D"text/css">
=09=09=09a {
=09=09=09=09background-color: #FEFEFE !important; color: #010101 !important=
;
=09=09=09}
=09=09=09@media (prefers-color-scheme: dark) {
=09=09=09=09a {
=09=09=09=09=09background-color: #27292D !important; color: #FEFEFE !import= ant;
=09=09=09=09}
=09=09=09}
=09 </style>
=09=09=09<![endif]--></head><body class=3D"">
<div style=3D"display:none; font-size:0px; line-height:0px; max-height:0px;=
max-width:0px; opacity:0; overflow:hidden; visibility:hidden; mso-hide:all= ;">Automattic recently wrote an article and gave a speech publicly disparag= ing WP Engine - WP Engine has responded with a public =E2=80=9Ccease and de= sist=E2=80=9D. </div>
<div style=3D"display: none; max-height: 0px; overflow: hidden;">
</div>
<table align=3D"center" class=3D"document"><tbody><tr><td valign=3D"top">
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" cl= ass=3D"container" width=3D"600"><tbody><tr class=3D"inner-body"><td>
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr class=3D"header"><td bgcolor=3D"" class=3D"containe=
<table width=3D"100%"><tbody><tr><td class=3D"container">
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" style=3D"margin-top: 0px;" width=3D"100%"><tbody><tr><td style= =3D"padding: 0px;">
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td class=3D"container" style=3D"paddi= ng: 15px 15px;">
<div style=3D"text-align: center;">
<span style=3D"margin-right: 0px;"><a href=3D"
https://tracking.tldrnewslett= er.com/CL0/https:%2F%2Ftldr.tech%2Fwebdev%3Futm_source=3Dtldrwebdev/1/01000= 19223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/6UlYFiOqv9wF3ktlO1E= AP3KU_NX0hvpUCyE5Bslwf-8=3D371" rel=3D"noopener noreferrer" target=3D"_blan= k"><span>Sign Up</span></a>
|<span style=3D"margin-right: 2px; margin-left: 2px;"><a href=3D"
https://tr= acking.tldrnewsletter.com/CL0/https:%2F%2Fadvertise.tldr.tech%2F%3Futm_sour= ce=3Dtldrwebdev%26utm_medium=3Dnewsletter%26utm_campaign=3Dadvertisetopnav/= 1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/o2ytVapY__Y4= cpkikjrzzU6wyq-v5k7TP8LzGK8Oj-k=3D371" rel=3D"noopener noreferrer" target= =3D"_blank"><span>Advertise</span></a></span>|<span style=3D"margin-left: 2= px;"><a href=3D"
https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fa.tldrn= ewsletter.com%2Fweb-version%3Fep=3D1%26lc=3Ddf5a9a84-734c-11ef-ae5c-1145880= 928d7%26p=3D93028f14-7a51-11ef-bf6a-472931d905a6%26pt=3Dcampaign%26t=3D1727= 176570%26s=3Dc7f37314229c3bcc662679fe6dea13896fdaaddc7ba703e2725b422848da11= ac/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/rKuh9UvzJ= 9_Nl20zRFqD1OVt7ZMz58cwBJP7LJtxFEk=3D371"><span>View Online</span></a></spa=
</span></div>
</td></tr></tbody></table>
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td class=3D"container" style=3D"text-= align: center;"><span data-darkreader-inline-color=3D"" style=3D"--darkread= er-inline-color:#3db3ff; color: rgb(51, 175, 255) !important; font-size: 30= px;">T</span><span style=3D"font-size: 30px;"><span data-darkreader-inline-= color=3D"" style=3D"color: rgb(232, 192, 96) !important; --darkreader-inlin= e-color:#e8c163; font-size:30px;">L</span><span data-darkreader-inline-colo= r=3D"" style=3D"color: rgb(101, 195, 173) !important; --darkreader-inline-c= olor:#6ec7b2; font-size:30px;">D</span></span><span data-darkreader-inline-= color=3D"" style=3D"--darkreader-inline-color:#dd6e6e; color: rgb(220, 107,=
107) !important; font-size: 30px;">R</span></td></tr></tbody></table>
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr id=3D"together-with"><td align=3D"cent= er" height=3D"20" style=3D"vertical-align:middle !important;" valign=3D"mid= dle" width=3D"100%"><strong style=3D"vertical-align:middle !important; heig= ht: 100%;">Together With </strong>
<a href=3D"
https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fstytch.com%3= Futm_source=3Dtldrwebdev%26utm_medium=3Dpaid_sponsorship%26utm_content=3Dtl= dr-webdev-09-24-2024%26utm_campaign=3Dtldr-webdev-q3-2024/1/0100019223bef55= f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/ms4Jl6FIt5ZHrI58nYwhjZMf9IQEB= dZJUMA9XGCPKWY=3D371"><img src=3D"
https://images.tldr.tech/stytch.png" vali= gn=3D"middle" style=3D"vertical-align: middle !important; height: 100%;" al= t=3D"Stytch"></a></td></tr></tbody></table>
<table style=3D"table-layout: fixed; width:100%;" width=3D"100%"><tbody><tr= ><td style=3D"padding:0;border-collapse:collapse;border-spacing:0;margin:0;=
<div style=3D"text-align: center;">
<h1><strong> TLDR Web Dev <span id=3D"date">2024-09-24</span></strong>= </h1>
</div>
</td></tr>
<tr id=3D"sponsy-copy"><td class=3D"container" style=3D"padding: 15px 15px;=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Fstytch.com%3Futm_source=3Dtldrwebdev%26utm_medium=3Dpai= d_sponsorship%26utm_content=3Dtldr-webdev-09-24-2024%26utm_campaign=3Dtldr-= webdev-q3-2024/2/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-0000= 00/qSBxuYxe9tcQqs1yD5H_8Qap_-wtJcHqvur1w3qc_M8=3D371">
<span>
<strong>This auth kills bots (Spons= or)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
Build auth your future self will thank = you for with <a href=3D"
https://tracking.tldrnewsletter.com/CL0/https:%2F%2= Fstytch.com%3Futm_source=3Dtldrwebdev%26utm_medium=3Dpaid_sponsorship%26utm= _content=3Dtldr-webdev-09-24-2024%26utm_campaign=3Dtldr-webdev-q3-2024/3/01= 00019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/AWrLzWH_0IW9-XsV= dlXdGMPqGr-dfWTfhpswdyVj9hk=3D371" rel=3D"noopener noreferrer nofollow" tar= get=3D"_blank"><span>Stytch</span></a>=F0=9F=91=87
<p></p>
<li>It's a <a href=3D"
https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fs= tytch.com%2Fdocs%3Futm_source=3Dtldrwebdev%26utm_medium=3Dpaid_sponsorship%= 26utm_content=3Dtldr-webdev-09-24-2024%26utm_campaign=3Dtldr-webdev-q3-2024= /1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/7zbkl8_bUff= x7tKZ5JBpmbXMVPKOSWZ70jfMVIZN2NA=3D371" rel=3D"noopener noreferrer nofollow=
" target=3D"_blank"><span>developer-focused platform</span></a> with unpara= lleled flexibility to handle any use case, at any scale. Supports multi-ten= ant B2B apps, SSO, RBAC, SCIM, and a pre-built front-end UI.</li>
<li>Built-in <a href=3D"
https://tracking.tldrnewsletter.com/CL0/https:%2F%2= Fstytch.com%2Ffraud%3Futm_source=3Dtldrwebdev%26utm_medium=3Dpaid_sponsorsh= ip%26utm_content=3Dtldr-webdev-09-24-2024%26utm_campaign=3Dtldr-webdev-q3-2= 024/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/BaFXWmZj= ihLxxX94R25wTL133Sar2FsOaNNGfSXE-lM=3D371" rel=3D"noopener noreferrer nofol= low" target=3D"_blank"><span>fraud prevention and device fingerprinting</sp= an></a> tells you if traffic is from a returning user, fraudster, or bot.</=
<li>Future proof, scalable infrastructure means you have <a href=3D"https:/= /tracking.tldrnewsletter.com/CL0/https:%2F%2Fstytch.com%3Futm_source=3Dtldr= webdev%26utm_medium=3Dpaid_sponsorship%26utm_content=3Dtldr-webdev-09-24-20= 24%26utm_campaign=3Dtldr-webdev-q3-2024/4/0100019223bef55f-555bf360-e32a-4e= 04-adcd-dc8ba99e9613-000000/r4zLQVi1BNmmWvqZmbZkzQol6ofP6xGEUf3nFxtCZ6E=3D3= 71" rel=3D"noopener noreferrer nofollow" target=3D"_blank"><span>secure gua= rdrails for any spike in traffic</span></a>: 99.999%+ uptime SLA, SMS/email=
provider failover, user + org data models, account deduplication, and more= .</li>
</ul>
<p>=E2=9C=85 Trusted by Zapier, Replit, Clearbit, Cisco, Groq</p>
<p><a href=3D"
https://tracking.tldrnewsletter.com/CL0/https:%2F%2Fstytch.co= m%3Futm_source=3Dtldrwebdev%26utm_medium=3Dpaid_sponsorship%26utm_content= =3Dtldr-webdev-09-24-2024%26utm_campaign=3Dtldr-webdev-q3-2024/5/0100019223= bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/yA93ij0wzhWsAh8TspwMFL-V= l9mKiJk6HRrYzj6CwYE=3D371" rel=3D"noopener noreferrer nofollow" target=3D"_= blank"><span>Discover the joys of Stytch =F0=9F=98=8D</span></a>
</span></span></div>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr>
<tr bgcolor=3D""><td class=3D"container">
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td style=3D"padding: 0px;">
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td class=3D"container" style=3D"paddi= ng-top: 0px; padding-bottom: 0px;">
<div class=3D"text-block">
<div style=3D"text-align: center;"><span style=3D"font-size: 36px;">=F0=9F= =A7=91=E2=80=8D=F0=9F=92=BB</span></div>
</div>
</td></tr></tbody></table>
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td class=3D"container" style=3D"paddi= ng-top: 0px; padding-bottom: 0px;">
<div class=3D"text-block">
<div style=3D"text-align: center;">
<h1><strong>Articles & Tutorials</strong></h1>
</div>
</div>
</td></tr></tbody></table>
<table style=3D"table-layout: fixed; width: 100%;" width=3D"100%"><tbody><t= r><td style=3D"padding:0;border-collapse:collapse;border-spacing:0;margin:0=
;" valign=3D"top">
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Fblog.bemi.io%2Findexing%2F%3Futm_source=3Dtldrwebdev/1/= 0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/_G9phV1syVYe6n= PyW-k9HP8J2caWgpe9s02lZOekkvo=3D371">
<span>
<strong>When Postgres Indexing Went=
Wrong (7 minute read)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
When a concurrent Postgres index creati=
on silently failed, the app that used the database faced performance degrad= ation, almost leading to a production outage. This failure was exacerbated =
by the use of partitioned tables, resulting in inconsistent index usage acr= oss different partitions. To avoid such issues, monitor concurrent index cr= eation, validate indexes regularly, and create partition indexes consistent= ly.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Faurorascharff.no%2Fposts%2Fimplementing-feature-flaggin= g-with-nextjs-app-router%3Futm_source=3Dtldrwebdev/1/0100019223bef55f-555bf= 360-e32a-4e04-adcd-dc8ba99e9613-000000/_Quw-WPv7VdKrFa-qvlcRLigWLb3ysRSRxYL= xGERDuU=3D371">
<span>
<strong>Implementing Feature Flaggi=
ng with the Next.js App Router (6 minute read)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
Use environment variables to control fe= ature visibility, validate them, and then access them within server and cli= ent components using custom functions and a feature provider. This blog pos=
t explains how to implement basic feature flagging with the Next.js App Rou= ter. It demonstrates a practical application of feature flagging by control= ling the visibility of sidebar routes based on feature flags.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Fcsswizardry.com%2F2024%2F09%2Foptimising-for-high-laten= cy-environments%2F%3Futm_source=3Dtldrwebdev/1/0100019223bef55f-555bf360-e3= 2a-4e04-adcd-dc8ba99e9613-000000/-ny9bk3G6evI2B5vs8tcQ7dlLpgW4PGBhMGA3nRLkD= w=3D371">
<span>
<strong>Optimizing for High Latency=
Environments (22 minute read)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
Chrome's User Experience Report provide=
s Round-Trip-Time (RTT) data, which reveals the network conditions of users=
. Many users have slower network connections, so web applications should be=
able to handle high-latency environments well. Some strategies to handle t= hese include reducing transfer size, using a CDN, upgrading to HTTP/2 and T=
LS 1.3, and adopting HTTP/3 (QUIC) if possible.
</span>
</span>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td class=3D"container" style=3D"paddi= ng-top: 0px; padding-bottom: 0px;">
<div class=3D"text-block">
<div style=3D"text-align: center;"><span style=3D"font-size: 36px;">=F0=9F= =A7=A0</span></div>
</div>
</td></tr></tbody></table>
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td class=3D"container" style=3D"paddi= ng-top: 0px; padding-bottom: 0px;">
<div class=3D"text-block">
<div style=3D"text-align: center;">
<h1><strong>Opinions & Advice</strong></h1>
</div>
</div>
</td></tr></tbody></table>
<table style=3D"table-layout: fixed; width: 100%;" width=3D"100%"><tbody><t= r><td style=3D"padding:0;border-collapse:collapse;border-spacing:0;margin:0=
;" valign=3D"top">
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Fia.samaltman.com%2F%3Futm_source=3Dtldrwebdev/1/0100019= 223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/WClhWsgGHYH2fXhVy2SK_= PmGehWcmI4zQLqUrPlbKYQ=3D371">
<span>
<strong>The Intelligence Age (6 min= ute read)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
Sam Altman describes a new =E2=80=9CInt= elligence Age=E2=80=9D driven by new AI advancements. This new era promises=
massive improvements in various aspects of life, including healthcare, edu= cation, and even solving global problems like climate change. While AI's po= tential for prosperity is immense, there is still a need to navigate risks,=
like those related to labor markets.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Fblog.trailofbits.com%2F2019%2F07%2F08%2Ffuck-rsa%2F%3Fu= tm_source=3Dtldrwebdev/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9= 613-000000/Mj4SU3f4hDRG6H5R9d6OvRXlhwGlZ4UtfKG6f51TFps=3D371">
<span>
<strong>Seriously, stop using RSA (=
13 minute read)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
RSA is a widely used public-key cryptos= ystem which is arguably fundamentally flawed and should be abandoned. Its s= ecurity relies on carefully chosen parameters, which developers often fail =
to select properly, leading to vulnerabilities. These vulnerabilities stem = from subtle mathematical properties that average developers are unlikely to=
grasp, making RSA inherently fragile and prone to attacks.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Fblog.dataengineer.io%2Fp%2Fmy-learnings-from-7-failed-t= ech-interviews%3Futm_source=3Dtldrwebdev/1/0100019223bef55f-555bf360-e32a-4= e04-adcd-dc8ba99e9613-000000/gi4Kxt_OxkypV5wj-15ThMxbEPZ18eZxCpr5751H4Gs=3D= 371">
<span>
<strong>My learnings from 7 failed = tech interviews (8 minute read)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
Zach Wilson, an ex-Airbnb staff data en= gineer, goes through seven tech interviews he failed over the last decade. =
He shares learnings from his time. For example, job hopping early in your c= areer is great for growth, but not as great after you hit your mid-career.
</span>
</span>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td class=3D"container" style=3D"paddi= ng-top: 0px; padding-bottom: 0px;">
<div class=3D"text-block">
<div style=3D"text-align: center;"><span style=3D"font-size: 36px;">=F0=9F= =9A=80</span></div></div>
</td></tr></tbody></table>
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td class=3D"container" style=3D"paddi= ng-top: 0px; padding-bottom: 0px;">
<div class=3D"text-block">
<div style=3D"text-align: center;">
<h1><strong>Launches & Tools</strong></h1>
</div>
</div>
</td></tr></tbody></table>
<table style=3D"table-layout: fixed; width: 100%;" width=3D"100%"><tbody><t= r><td style=3D"padding:0;border-collapse:collapse;border-spacing:0;margin:0=
;" valign=3D"top">
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Finfo.securityjourney.com%2Fsupply-chain-security-lesson= %3Futm_campaign=3DSupply%2520Chain%2520Security%2520Lesson%26utm_source=3DT= LDR%26utm_medium=3Dnewsletter/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc= 8ba99e9613-000000/YSocDqTq9LT2RaJwAvdzIqyk_BFPb7vZsOOH_EJlyIE=3D371">
<span>
<strong>[Free AppSec Lesson] Get to=
Know the Secure Supply Chain Consumption Framework (Sponsor)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
Learn how to securely ingest and manage=
open-source software into your projects by leveraging the Secure Supply Ch= ain Consumption Framework (S2C2F). This framework is focused on governance,=
continuous improvement, and scalable practices to ensure the integrity and=
security of your software supply chain. <a href=3D"
https://tracking.tldrne= wsletter.com/CL0/https:%2F%2Finfo.securityjourney.com%2Fsupply-chain-securi= ty-lesson%3Futm_campaign=3DSupply%2520Chain%2520Security%2520Lesson%26utm_s= ource=3DTLDR%26utm_medium=3Dnewsletter/2/0100019223bef55f-555bf360-e32a-4e0= 4-adcd-dc8ba99e9613-000000/hVH66jjt5AlcIjCOM3dlP6TAcqwNh_OIduJ62np-qDY=3D37=
1" rel=3D"noopener noreferrer nofollow" target=3D"_blank"><span>Claim your = free video lesson</span></a> or get a <a href=3D"
https://tracking.tldrnewsl= etter.com/CL0/https:%2F%2Fwww.youtube.com%2Fwatch%3Fv=3D11tfCFZNw5A%26t=3D2= s/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/jaWJud2Rhe= 7Y6UMHCjwpsFgyc9wU5aGYADoUCyVEMbU=3D371" rel=3D"noopener noreferrer nofollo=
w" target=3D"_blank"><span>free taster on Youtube</span></a>
</span>
</span>
</div>
</td></tr></tbody></table>
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Fbloomberg.github.io%2Fts-blank-space%2F%3Futm_source=3D= tldrwebdev/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/v= PaMTzDH8V9itEYbhfY3KabAfjaUooQWdOKWgAVHn0w=3D371">
<span>
<strong>ts-blank-space (Website)</s= trong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
ts-blank-space is a TypeScript-to-JavaS= cript compiler that focuses on speed by removing type annotations and repla= cing them with whitespace. It utilizes the original TypeScript parser and i=
s written in pure TypeScript.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Fgithub.com%2FMightyMoud%2Fsidekick%3Futm_source=3Dtldrw= ebdev/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/PQaIfD= hCAxrGnMdMxC9JYBtrA93_YlMjgRkHyqvpeyQ=3D371">
<span>
<strong>Sidekick (GitHub Repo)</str=
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
Sidekick is a tool that simplifies the = deployment applications on VPS', making the process of hosting side project=
s faster and more affordable by automating the setup and deployment process=
. It enables zero-downtime deployments and provides features like high avai= lability, load balancing, and automatic SSL certificates.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
http://tracking.tldrnewsletter.c= om/CL0/http:%2F%2Fmicrojs.com%2F%3Futm_source=3Dtldrwebdev/1/0100019223bef5= 5f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/1YVWwXt_tpQsWW0lCuIR9594TmKz= s_jM6U0M4RM1q48=3D371">
<span>
<strong>MicroJS (Website)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
A library of JavaScript packages with s= mall footprints.
</span>
</span>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td class=3D"container" style=3D"paddi= ng-top: 0px; padding-bottom: 0px;">
<div class=3D"text-block">
<div style=3D"text-align: center;"><span style=3D"font-size: 36px;">=F0=9F= =8E=81</span></div></div>
</td></tr></tbody></table>
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td class=3D"container" style=3D"paddi= ng-top: 0px; padding-bottom: 0px;">
<div class=3D"text-block">
<div style=3D"text-align: center;"><strong><h1>Miscellaneous</h1></strong><= /div>
</div>
</td></tr></tbody></table>
<table bgcolor=3D"" style=3D"table-layout: fixed; width: 100%;" width=3D"10= 0%"><tbody><tr><td style=3D"padding:0;border-collapse:collapse;border-spaci= ng:0;margin:0;" valign=3D"top">
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Fpublish.obsidian.md%2Ffelafax%2Fpages%2FTune%2BLlama3%2= B405B%2Bon%2BAMD%2BMI300x%2B(our%2Bjourney)%3Futm_source=3Dtldrwebdev/1/010= 0019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/yH8S90sGjAYkGR_ak= ykMAhaLtczSqfMZ3xLuxU26jI4=3D371">
<span>
<strong>Tune Llama3 405B on AMD MI3= 00x (10 minute read)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
Felafax successfully fine-tuned the LLa=
MA 3.1 405B model on 8 AMD MI300x GPUs using JAX, Google's Python library f=
or high-performance numerical computing and machine learning. Its team used=
JAX for efficient parameter sharding and a LoRA implementation, achieving = near-linear scaling and high memory efficiency.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Flilysthings.org%2Fblog%2Fno-data-lasts-forever%2F%3Futm= _source=3Dtldrwebdev/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e961= 3-000000/tsxyT8idVRvsTLgGFL5Khrl_S0CRHnE1VGDfjyGFcUw=3D371">
<span>
<strong>No Data Lasts Forever (6 mi= nute read)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
No data lasts forever. From ancient pap= yrus scrolls to modern hard drives and flash memory, every method of data s= torage has limitations and eventually fails. In modern times, the potential=
for data loss comes from hardware failures, technological obsolescence, an=
d intentional or accidental deletion.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Ftechcrunch.com%2F2024%2F09%2F23%2Fcloudflares-new-marke= tplace-will-let-websites-charge-ai-bots-for-scraping%2F%3Futm_source=3Dtldr= webdev/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/61dk1= Tnpk6pRE16mmJWf1GbCtWVjqhOqRhvc5dddBXc=3D371">
<span>
<strong>Cloudflare's new marketplac=
e will let websites charge AI bots for scraping (4 minute read)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
Cloudflare is launching a marketplace w= here website owners can sell access to their content to AI model providers.=
This marketplace will allow websites to charge AI bots for scraping their = content. Cloudflare has also introduced AI Audit, a tool that allows websit=
e owners to monitor and block AI bots.
</span>
</span>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td class=3D"container" style=3D"paddi= ng-top: 0px; padding-bottom: 0px;">
<div class=3D"text-block">
<div style=3D"text-align: center;"><span style=3D"font-size: 36px;">=E2=9A= =A1</span></div></div>
</td></tr></tbody></table>
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td class=3D"container" style=3D"paddi= ng-top: 0px; padding-bottom: 0px;">
<div class=3D"text-block">
<div style=3D"text-align: center;">
<h1><strong>Quick Links</strong></h1>
</div>
</div>
</td></tr></tbody></table>
<table bgcolor=3D"" style=3D"table-layout: fixed; width: 100%;" width=3D"10= 0%"><tbody><tr><td style=3D"padding:0;border-collapse:collapse;border-spaci= ng:0;margin:0;" valign=3D"top">
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Fthreadreaderapp.com%2Fthread%2F1838350670564377051.html= %3Futm_source=3Dtldrwebdev/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba= 99e9613-000000/Q7zfIb0zAw-oIzYGzTOrrbyK2vvrxv4J7whdcLZDoU4=3D371">
<span>
<strong>WP Engine responds to WordP= ress (1 minute read)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
Automattic recently wrote an article an=
d gave a speech publicly disparaging WP Engine - WP Engine has responded wi=
th a public =E2=80=9Ccease and desist=E2=80=9D.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Fm.youtube.com%2Fwatch%3Fv=3DzxitJn9MwYs%26utm_source=3D= tldrwebdev/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/X= vkTHFukmNwvyvonaHNieE3oJG-n-4JyWeyQF49xnbI=3D371">
<span>
<strong>From Node.js to Deno: How I=
t All Began (9 minute video)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
This special feature explores Deno, a n=
ew JavaScript runtime created by the minds behind Node.js, examining its or= igins, differences from Node.js, and the lessons learned in its development=
.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Fedspencer.net%2F2024%2F9%2F2%2Feasy-rag-for-typescript-= and-react-apps%3Futm_source=3Dtldrwebdev/1/0100019223bef55f-555bf360-e32a-4= e04-adcd-dc8ba99e9613-000000/VSuEO35zbNmV-VQ4IrB-hDt_MkS4u7okW0hASGtRE0Q=3D= 371">
<span>
<strong>Using TypeScript and RAG to=
Enhance User Queries from a Text Dataset (15 minute read)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
This article explains how to implement = Retrieval Augmented Generation (RAG) in TypeScript and React to create a ch= atbot that can answer questions about content from a large text dataset by = retrieving relevant information from a vector database and providing it to =
an LLM.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Fdarios.blog%2Fposts%2Fusing-callbacks-in-react%3Futm_so= urce=3Dtldrwebdev/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-0= 00000/mJyBmX5GMw-C9_oUPhNTpCuIkJqrkdYXUczVITyDVXA=3D371">
<span>
<strong>Using callbacks to achieve = better component decoupling in React (3 minute read)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
Using callbacks in React to achieve bet= ter component decoupling involves shifting control of state updates from ch= ild components to parent components.
</span>
</span>
</div>
</td></tr></tbody></table>
<table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" wi= dth=3D"100%"><tbody><tr><td class=3D"container" style=3D"padding: 15px 15px=
<div class=3D"text-block">
<span>
<a href=3D"
https://tracking.tldrnewsletter.= com/CL0/https:%2F%2Fgithub.com%2Fmickasmt%2Fnext-saas-stripe-starter%3Futm_= source=3Dtldrwebdev/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613= -000000/bNl_ZUSDrxnv4S28eiCjr6l1xdxug-K-7C49dKQ3fNc=3D371">
<span>
<strong>next-saas-stripe-starter (G= itHub Repo)</strong>
</span>
<span style=3D"font-family: "Helvetica Neue", Helvetica, Arial, V= erdana, sans-serif;">
This is a full-featured, pre-configured=
starter project for building SaaS applications using Next.js, Prisma, Neon=
, Auth.js, Resend, React Email, Shadcn/ui, and Stripe.
</span>
</span>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td align=3D"left" style=3D"word-break=
: break-word; vertical-align: top; padding: 5px 10px;">
<p style=3D"padding: 0; margin: 0; font-size: 22px; color: #000000; line-he= ight: 1.6; font-weight: bold;">
Love TLDR? Tell your friends and get rewards!
</td></tr>
<tr><td class=3D"container" style=3D"padding: 0px 10px 15px;">
<div class=3D"text-block">
Share your referral link below with friends to get free TLDR swag!
</div>
</td></tr>
<tr><td align=3D"left" style=3D"padding: 10px;">
<div class=3D"text-block">
<a href=3D"
https://tracking.tldrnewsletter.com/CL0/https:%2F%2Frefer.tldr.t= ech%2F363c65bf%2F3/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-= 000000/HxibgmRirnkO1WxFTyLwQcSqUHkhQkvXP6T9ZLVGWw4=3D371" style=3D"color: #= 464ba4; text-decoration: underline;">
https://refer.tldr.tech/363c65bf/3</a> </div>
</td></tr>
<tr></tr>
<tr><td align=3D"left" style=3D"padding:5px 10px;"><a href=3D"
https://track= ing.tldrnewsletter.com/CL0/https:%2F%2Fhub.sparklp.co%2Fsub_c9fe76197514%2F= 3/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/9SjppDwWp9= nn6mQX_kDJXyJlOnNBOA_7AtMKSw_ZcSg=3D371" style=3D"font-size: 16px; line-hei= ght: 1.6; padding: 10px 0; display: inline-block; text-decoration: underl= ine;"><span style=3D"mso-text-raise:13pt; text-decoration: underline;">Trac=
k your referrals here.</span></a></td></tr></tbody></table>
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td align=3D"left" style=3D"word-break=
: break-word; vertical-align: top; padding: 5px 10px;">
<p style=3D"padding: 0; margin: 0; font-size: 22px; color: #000000; line-he= ight: 1.6; font-weight: bold;">
Want to advertise in TLDR? =F0=9F=93=B0
</td></tr>
<tr><td class=3D"container" style=3D"padding: 0px 10px 15px;">
<div class=3D"text-block">
If your company is interested in reaching an audience of web developers and=
engineering decision makers, you may want to <a href=3D"
https://tracking.t= ldrnewsletter.com/CL0/https:%2F%2Fadvertise.tldr.tech%2F%3Futm_source=3Dtld= rwebdev%26utm_medium=3Dnewsletter%26utm_campaign=3Dadvertisecta/1/010001922= 3bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/fWTvOtRuYpvjFnccHaF_-4Q= KhrATJ_zrO3g-6XAkrP4=3D371"><strong><span>advertise with us</span></strong>= </a>.
</div>
<div class=3D"text-block">
If you have any comments or feedback, just respond to this email!
<br> Thanks for reading,
<span>Priyam Mohanty</span>, <span>Jenny Xu</span> & <span>Ceora Ford</= span>
</div>
</td></tr></tbody></table>
<table align=3D"center" bgcolor=3D"" border=3D"0" cellpadding=3D"0" cellspa= cing=3D"0" width=3D"100%"><tbody><tr><td class=3D"container" style=3D"paddi= ng: 15px 15px;">
<div class=3D"text-block" id=3D"testing-id">If you don't want to receive fu= ture editions of TLDR Web Dev, please <a href=3D"
https://tracking.tldrnewsl= etter.com/CL0/https:%2F%2Fa.tldrnewsletter.com%2Funsubscribe%3Fep=3D1%26l= =3De8d201ca-3e93-11ed-9a32-0241b9615763%26lc=3Ddf5a9a84-734c-11ef-ae5c-1145= 880928d7%26p=3D93028f14-7a51-11ef-bf6a-472931d905a6%26pt=3Dcampaign%26pv=3D= 4%26spa=3D1727175659%26t=3D1727176570%26s=3D112b1bf762f053242e3990c55ff7af6= 1828bdaaeff9306a755998b5bc6d6a76e/1/0100019223bef55f-555bf360-e32a-4e04-adc= d-dc8ba99e9613-000000/EIdDmxS7FtnWY-WTJe2M6w0PXqEY4ftKJKGoJZ8Mq7k=3D371">un= subscribe from TLDR Web Dev</a> or <a href=3D"
https://tracking.tldrnewslett= er.com/CL0/https:%2F%2Ftldr.tech%2Fwebdev%2Fmanage%3Femail=3Dtldr%2540synch= ro.net/1/0100019223bef55f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/DLPbo= fYvJGG-D-UVn-8OprtZ1imbIWFuSI9duYz6rjM=3D371">manage all of your TLDR newsl= etter subscriptions</a>.
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
<img alt=3D"" src=3D"
http://tracking.tldrnewsletter.com/CI0/0100019223bef55= f-555bf360-e32a-4e04-adcd-dc8ba99e9613-000000/-Frf_szi9Y-trXLXDYyzdEvuNLrMV= BQunlpTl3CwG7w=3D371" style=3D"display: none; width: 1px; height: 1px;"> </body></html>
--tsZ5qLmZ--
![https://images.tldr.tech/stytch.png"](https://images.tldr.tech/stytch.png"){kind=link}