Issue #2 - Creating videos with React, Fetching with TypeScript and the Hype Driven Frontend Development
Explore how to create professional videos with React, optimize your React code without using memo, handle data fetching with TypeScript and open all links in new tabs with bare minimum code.
Tip of the day
You can open all links in a document in a new tab without adding target=_blank to every link with the <base> element. You can also specify a base path using the href atrribute which will be used for all the relative URLs.
<head>
<base href="https://scriptified.dev" target="_blank"/>
</head>
...
<!-- This link will automatically be opened in a new tab -->
<a href="issue/2">Scriptified Issue #2</a>
Articles
You must have used React.memo or the memoization hooks like useCallback and friends for improving the performance of your components, but do you know there are much simpler ways by which you can optimize for performance without using any memoization.
by Dan Abramov
Migrating existing JavaScript files to TypeScript can sometimes be a pain in the ass, especially when they include network requests. In this article, Kent converts a JavaScript file with network requests using fetch to TypeScript, step by step discussing some practices you can follow while migrating.
by Kent C. Dodds
Tools
A one-click meta-tags generator with previews for Google, Facebook, Twitter, LinkedIn, Pinterest and Slack.
by Meta tags
Use the magic of CSS, SVGs and WebGL to create professionally designed videos with React 17 and TypeScript. It also allows you to preview your the video in the browser with fast refresh and Timelines for frames.
by Jonny Burger
Dev of the Week
Ameer Jhan
Ameer is a speaker, writer, AWS Solution Architect who has authored & contributed in several popular open source projects like styled-wind & react-lazyload. He recently launched Blazepack - a super fast dev server powered by CodeSandbox sandpack bundler, which is catching a lot of eyes.
Tech Talks
Navigating the Hype Driven Frontend Development World
The obsession to always move on to the latest and greatest, and the fear of missing out while working with something that's older than a few months is currently dominating the dev world. Checkout how Kitze demonstrates everyone's struggles with the hype driven frontend development.
Quiz
What is the output of the below snippet?
const w = 12;
const x = "undefined";
const y = null;
const z = { name: "scriptified" };
const answer = w && x && y && z;
console.log(answer);
This week in GIF
)](https://scriptified.dev/images/issue-2/this-week.gif)
Liked this issue? Share on Twitter or read previous issues.