Feb 17Member-onlyBuild powerful React forms with InformedForms are a staple of web development. If you must collect user input on the web and process these on your server, you need a form. While there are many libraries for working with forms in React, in this article I’ll show you how to build powerful forms using the…React12 min readReact12 min read
Jul 7, 2022Member-onlyAre strongly typed functions as parameters possible in TypeScript?TLDR This question does not need to be overly explained. The short answer is yes. Functions can be strongly typed — even as parameters to other functions. How to use strongly typed function parameters The accepted answer on this stack overflow post is correct — to a degree. Assuming you had a function: speak: function speak(callback) {…Typescript2 min readTypescript2 min read
Jul 7, 2022Member-onlyHow do you explicitly set a new property on ‘window’ in Typescript?TLDR Extend the existing interface declaration for the Window object. Introduction Knowledge builds upon knowledge. Whoever said that was right. In this section, we will build upon the knowledge from the last two sections: Interfaces vs Types in Typescript What is a d.t.s file in Typescript Ready? First, I must say, in…Typescript3 min readTypescript3 min read
Jul 7, 2022Member-onlyWhat is a “.d.ts” file in TypeScript?TLDR .d.ts files are called type declaration files. They exist for one purpose only: to describe the shape of an existing module and they only contain type information used for type checking. Introduction Upon learning the basics of TypeScript, you unlock superpowers. At least that’s how I felt. You automagically get warnings…Typescript6 min readTypescript6 min read
Jul 7, 2022Member-onlyIn Typescript, what is the ! (exclamation mark / bang) operator?TLDR This is technically called the non-null assertion operator. If the typescript compiler complains about a value being null or undefined, you can use the ! operator to assert that the said value is not null or undefined. Personal take: avoid doing this wherever possible. What is the non-null assertion operator? null and undefined are valid Javascript…Typescript7 min readTypescript7 min read
Jun 26, 2022Member-onlyThe React Hooks API reference — easy-to-read (visual) versionReact hooks were added to React in version 16.8. With the transition from class to functional components, hooks let you use state and other features within functional components i.e without writing a class component. This reference guide will discuss all the hooks natively available in React, but first, let’s start…24 min read24 min read
Jun 26, 2022What is Typescript?I published an Intermediate Typescript and React Handbook a few weeks ago. It received numerous views and I got several emails. Most were “thank you” emails, but then there were others like: “… I am new to programming, what is Typescript?” “Thanks for this free ebook, but how do I…Typescript7 min readTypescript7 min read
Published in Omio Engineering·Dec 9, 2019Google Ads and React.js: Delivering Ads with a Great UXHow to run on-site advertising that provides a seamless experience leveraging your company’s component libraries. Since the inception of online advertising, users have always complained about the design and relevancy of ads. …Native Advertising10 min readNative Advertising10 min read
Published in The Startup·Jun 29, 2019Member-onlyA Perfect Solution to Master Soft SkillsWhat no one tells you — Click to read for free — if blocked behind the Medium paywall. The studies on learning and mastery are clear. You don’t get better or achieve mastery at a skill by just practicing the same thing repeatedly. You also won’t get better by just reading. Neither is mastery solely the…Self Improvement9 min readSelf Improvement9 min read
Published in Reactify·Jun 25, 2019Member-onlyWhat are Lifecycle Methods?A 5-yr old guide to understanding lifecycle methods. — Click to read for free — if blocked behind the Medium paywall. He’s been writing software for a while, but new to the React ecosystem. Meet John.JavaScript3 min readJavaScript3 min read
