JavaScript Newsletter: 27th November 2020

JavaScript Newsletter: 27th November 2020

·

4 min read

Todays newsletter has a distinct TypeScript and React flavour. First we start with an article that shows you how to use TypeScript in a React app, followed by a article on how to use TypeScript in any JavaScript project. Finally we have an article on how to use React Hooks to keep your code organised neatly.

Quote of the Day

“Your website is the center of your digital eco-system, like a brick and mortar location, the experience matters once a customer enters, just as much as the perception they have of you before they walk through the door.” - Leland Dieno

Todays Articles

Switching To Typescript in your React Apps

By Arafah Ogunfemi

These days more developers seem to be making the switch to Typescript. It is rightly so because typescript is a statically typed superset of Javascript that compiles to Javascript. It means that it contains all the features and functionality of JavaScript and more that help us build faster and more robust react apps. A react project with Typescript can be created either manually or using the Create React App. Create React App is a CLI tool that saves one from time-consuming setup and configuration of React Apps. In this piece, I’ll be using Create React App(CRA).

The easiest way to install Typescript on any Javascript project

By Carlos Carneiro

I've always avoided javascript mainly because it is loosely typed and that makes it harder for me. I heavily rely on return types, hovering mouse over functions to see arguments types etc. But since the advent of Typescript things changed. This must be one of the Microsoft's best creation alongside with VSCode. Typescript has made it possible for me to finally get in the JS world and be a full stack dev working on 100% JS stack (NodeJS, ReactJS and React Native). Here I want to show you how easy you can install Typescript in a node project or any Javascript project for that matter. You can even make a .sh script to execute all the steps for you.

3 amazing REACT HOOKS to keep your code organized neatly

By Douglas Parsons

Hooks were first introduced to React in version 16.8, after being teased in 2018. There’s a fantastic guide introducing them on the React website. Simply stated, they are a way to write side-effects for functional UI components. This allows you to write parts of your UI as JavaScript functions, but still have the ability to manage state, call APIs, use storage, authenticate users, and so on.