@media only screen{body,table,td,a{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}} @media only screen{*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}} @media only screen and (max-width:600px){.email-container{padding:0 !important;}} @media only screen { .email * { word-break: break-word; } } @media screen and (max-width: 384px) { .mail-message-content { width: 414px !important; } } @media only screen and (max-width:600px) { .ck-padding-left-none { padding-left:0px !important; } .ck-padding-right-none { padding-right:0px !important; } .ck-padding-left-mobile-friendly { padding-left:18px !important; } .ck-padding-right-mobile-friendly { padding-right:18px !important; } } @media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } } @media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } } @media only screen and (max-width:600px) { .ck-layout-block.ck-layout-stack td { display:block !important;width:100% !important;padding:0 !important; } .ck-column.ck-column-stack { margin-bottom:32px !important; } .ck-padding-3-top-mobile-friendly { padding-top:12px !important; } .ck-padding-3-right-mobile-friendly { padding-right:12px !important; } .ck-padding-3-bottom-mobile-friendly { padding-bottom:12px !important; } .ck-padding-3-left-mobile-friendly { padding-left:12px !important; } } @media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } } @media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } } p:hover{background:transparent} h2::first-letter{border-bottom:1px solid black} h2 a::first-letter{border-bottom:1px solid black} h2:has(+h3) a::first-letter{border-bottom:1px solid black} ul.unordered_list li::marker{content:’→‘;font-size:27px;font-weight:900}
A Tasty Treats NEWSLETTER for Web Developers
Issue #39:
- Create React App is officially dead (pour one out use Vite instead)
- 28 different voices speaking directly from your browser thanks to WebGPU magic
- Tailwind 4 just dropped and there are some solid quality-of-live improvements
TypeScript the Bad Parts
@Wes
TypeScript has released a beta property erasableSyntaxOnly that will disallow any parts of TypeScript that aren’t types — that is anything that compiles into JavaScript code.
This includes enums, runtime namespaces and parameter properties.
Turning this on should make writing code for runtimes that simply strip types much easier - like Node.js!
SQL Noir - Learn SQL by solving crimes
CJ’S LINK
Solve crimes by querying tables and finding clues. Even the first case roped me in.
Speech Synthesis in the browser
FROM WEs!
Xenova has done it again. Advancements in WebGPU, he has the Kokoro ML model running entirely in the browser with Transformers.js. 28 Voices!
Sunsetting Create React App
cj AGAIN!
Create React App has officially been deprecated. TLDR: just use Vite now
React Libraries for 2025
cj AGAIN!
An updated focused guide for what libraries to choose when building a react app.
@media only screen{body,table,td,a{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}} @media only screen{*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}} @media only screen and (max-width:600px){.email-container{padding:0 !important;}} @media only screen { .email * { word-break: break-word; } } @media screen and (max-width: 384px) { .mail-message-content { width: 414px !important; } } @media only screen and (max-width:600px) { .ck-padding-left-none { padding-left:0px !important; } .ck-padding-right-none { padding-right:0px !important; } .ck-padding-left-mobile-friendly { padding-left:18px !important; } .ck-padding-right-mobile-friendly { padding-right:18px !important; } } @media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } } @media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } } @media only screen and (max-width:600px) { .ck-layout-block.ck-layout-stack td { display:block !important;width:100% !important;padding:0 !important; } .ck-column.ck-column-stack { margin-bottom:32px !important; } .ck-padding-3-top-mobile-friendly { padding-top:12px !important; } .ck-padding-3-right-mobile-friendly { padding-right:12px !important; } .ck-padding-3-bottom-mobile-friendly { padding-bottom:12px !important; } .ck-padding-3-left-mobile-friendly { padding-left:12px !important; } } @media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } } @media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } } p:hover{background:transparent} h2::first-letter{border-bottom:1px solid black} h2 a::first-letter{border-bottom:1px solid black} h2:has(+h3) a::first-letter{border-bottom:1px solid black} ul.unordered_list li::marker{content:’→‘;font-size:27px;font-weight:900}
A Tasty Treats NEWSLETTER for Web Developers
Issue #39:
- Create React App is officially dead (pour one out use Vite instead)
- 28 different voices speaking directly from your browser thanks to WebGPU magic
- Tailwind 4 just dropped and there are some solid quality-of-live improvements
TypeScript the Bad Parts
@Wes
TypeScript has released a beta property erasableSyntaxOnly that will disallow any parts of TypeScript that aren’t types — that is anything that compiles into JavaScript code.
This includes enums, runtime namespaces and parameter properties.
Turning this on should make writing code for runtimes that simply strip types much easier - like Node.js!
SQL Noir - Learn SQL by solving crimes
CJ’S LINK
Solve crimes by querying tables and finding clues. Even the first case roped me in.
Speech Synthesis in the browser
FROM WEs!
Xenova has done it again. Advancements in WebGPU, he has the Kokoro ML model running entirely in the browser with Transformers.js. 28 Voices!
Sunsetting Create React App
cj AGAIN!
Create React App has officially been deprecated. TLDR: just use Vite now
React Libraries for 2025
cj AGAIN!
An updated focused guide for what libraries to choose when building a react app.
发布者