Good morning fellow developers, I hope you had a great weekend. In the last week, Typescript 4.7 was released which you can learn more about in the announcement section. We also saw a huge announcement for Next JS with the introduction of nested layout, which you can also learn in the announcement section below.
This week, I am introducing a new Featured Projects section where I will feature two typescript projects I found interested in the week. Let me know what you think of the idea. Enjoy the list of articles and tweets that I have curated for you in the last week.
Have a great week ahead and stay positive, thank you.
Announcements
Announcing TypeScript 4.7 - TypeScript
Today we’re excited to announce the availability of TypeScript 4.7! If you’re not yet familiar with TypeScript, it’s a language that builds on JavaScript and adds syntax for types. Types help describe what kinds of values you’re working with and what kinds of functions you’re calling.
Blog - Layouts RFC | Next.js
Nested routes and layouts, client and server routing, React 18 features, and designed for Server Components.
Featured Projects
GitHub - codemodsquad/astx: the best structural search and replace tool for JavaScript, Flow, and TypeScript
the best structural search and replace tool for JavaScript, Flow, and TypeScript - GitHub - codemodsquad/astx: the best structural search and replace tool for JavaScript, Flow, and TypeScript
GitHub - phenomnomnominal/tsquery: TypeScript AST query library
TypeScript AST query library. Contribute to phenomnomnominal/tsquery development by creating an account on GitHub.
GitHub - anuraghazra/type-trident: A curated list of advanced type level madness
A curated list of advanced type level madness. Contribute to anuraghazra/type-trident development by creating an account on GitHub.
Top Articles of the Week
Using TypeScript to Enforce Non-Empty Arrays
As the years have gone by the TypeScript team has done amazing work to not just make TypeScript “JavaScript with types”, but “JavaScript with very expressive types.” The types in TypeScript go beyond what we find in a lot of other strongly typed languages.
Lexical Scope in JavaScript – Beginner's Guide
In this article, we are going to understand what lexical scope is by going through some helpful examples. We will also have a brief discussion about how JavaScript compiles and executes programs. Lastly, we will have a look at how you can use lexical scope to explain undeclared variable errors or reference errors.
The Case for Immutability in JavaScript
Immutability is the state in which nothing changes, nothing “mutates” and we can map that concept when speaking about coding, to data structures never changing.
Intermediate TypeScript and React Handbook – How to Build Strongly Typed Polymorphic Components
Hey everyone! 😎 In this detailed guide, I’ll show you how to build strongly typed Polymorphic React components with Typescript.
Declaring Custom Union-Typed Properties
Hi web devs, today’s post is another in the series entitled “Why TypeScript and PHP Are Good Friends” where we’re transcribing a real-world codebase from PHP into TypeScript. We’re learning top-notch software development techniques that will get you a dream job.
Understanding Weak Reference In JavaScript
10 min read JavaScript, Performance, Coding Share on Twitter, LinkedIn Smart Interface Design Checklists Filter spam from your website analytics Build in-demand skills like UX, UI and HCI — Northwestern online MS in Info.
How to Code a Framework – the First Lines of Vue.js
Have you ever wondered how frameworks are built? A couple of weeks ago I was writing an article and asked myself, what’s the first line of code Evan You wrote to build Vue.js?
Well, thanks to Git and Evan You pushing Vue’s code to GitHub, I have been able to travel back in time, like Marty McFly with his DeLorean time machine. But I went nine years back, to 2013, and “watched” Evan writing his code.
Just How Long Should Alt Text Be? | CSS-Tricks - CSS-Tricks
I teach a class over at the local college here in Long Beach and a majority of the content is hosted on the Canvas LMS so students can access it online. And, naturally, I want the content to be as accessible as possible, so thank goodness Canvas has a11y tooling built right into it.
How Lerna just got 10x faster!. TL;DR: We released a new beta version… | by Juri Strumpflohner | May, 2022 | Nrwl
TL;DR: We released a new beta version of Lerna and it happens that it is now 5.3 times faster than Turbo 👀…by turning on a flag. Keep reading to learn more. For folks that want to migrate to Nx, we…