Hi there,
I trust that you had a great week last week. I apologize for missing my newsletter last week. I got so occupied, and I didn’t remember.
Here’s what I have for you today from the last two weeks:
What I did last week 😇
Once again, I didn’t do a video last weekend on my youtube channel. Tiny bits of inconsistency are beginning to set in, but hopefully this week I’ll recover from it.
My first article on Egghead—Why Does React Exist?—was published.
I wrote an article on Next.js: Explaining Main Concepts and Ideas. In the article, I explain the concept of pre-rendering and server side rendering in Next.js and also share more light on Next.js’ core components that can optimize your applications.
Featured Articles ✍️
Featured Tools 🛠
create-react-library: CLI tool for creating reusable libraries that can be published to package managers like NPM. This tool helps you install the necessary packages for developing the library and also provides an example folder where you can test run your library
react-textarea-autosize: Drop-in replacement for the textarea component which automatically resizes textarea as content changes.
Useful hacks/tips ✨
You know default file input UI (with a “Choose File” button) that browsers display like this:
You can hide it using:
input[type='file']::-webkit-file-upload-button {
display: none;
}
Here’s the result:
Here’s how to create a type from an array:
const list = ['a', 'b', 'c'] as const;
type Char = typeof list[number]; // 'a'|'b'|'c';
Now, the Char is a type for the union of “a”, “b” and “c”.
As a content creator, I love simplifying diverse topics in web development that I understand. Do you have any topics, tools, or frameworks that you’d like to understand better? Do let me know, and I may be able to come up with an article or video on it.
A new week, another opportunity to do amazing things! So go do amazing things 🚀.
Do have a splendid week 🌟
Keep it up, Dillion. You're doing fine .🌟🚀