The frontend development world once again evolved at a rapid pace over the past year, and this article recaps all the important events, news, and trends from 2019.
Whenever some new developer says that their code is not working or complain about the execution speed, I always check for these mistakes first. When I started coding 4 years back, I didn't know about this and I used to ignore them. But after being assigned to a project which handles around a million requests in a few minutes, this was no longer a case.
A complete guide to learn the difference between debounce and throttle using visual examples. Never confuse the two again.
I've started a new video course recently to help people get started with TypeScript. It gets you through from the very basics to some advance topics. We'll see how to migrate an existing project to TypeScript, and finally, learn to configure Visual Code for a comfortable and productive workflow. Get started here.
I recently started playing around with the idea of threat modeling packages on the npm ecosystem. Can an event-stream incident happen again? How about other supply chain attacks? What will be the next vector of attack that we haven't seen yet and might it be entirely preventable?
A handbook on how to create transformers for Typescript which are synonymous with Babel Plugins. Inspired by the Babel Handbook.
In this blog post, you are going to learn to configure the Node.js application to use TypeScript. At the end of the blog post, you will have a REST API created using TypeScript and Express in Node.js.
In this article I will show a way to query external data sources in a way that is close to LINQ and the IQueryables of C#. We will use expression trees to describe our queries like they are a real language and make generic connectors for a variability of data providers. All of this will lead to a client where we write queries like we write normal predicates and lambdas in TypeScript.
When typing React component props using TypeScript, I often see code that makes use of optional and nullable fields
During my time on the React team, I’ve been lucky to see how Jordan, Sebastian, Sophie and other tenured team members approach problems. In this post, I’m distilling what I learned from them into a few high-level technical principles. These principles aren’t meant to be exhaustive. This is my personal attempt to formalize observations about how the React team operates — other team members may have different perspectives.
This article is not meant to sell you on behavior-driven development. If you are reading this, you likely already know the benefits. This article is a tutorial for getting Cucumber testing into your React project today.
We would like a custom-made website and a little birdie told us React is what the cool kids are going for these days — like, it’s faster, scalable, and easy to update compared to Wordpress? But we want to be able to update the content ourselves. Like, everything. Oh, Post…what? Postgres? What’s that? No, we don’t know MySQL either. Firebase? I feel attacked by yet another tech jargon! Why can’t we just use Google Sheets?! — Well, yes, now you can.
I ran into an issue where if I provided a function that used hooks in its implementation and returned some JSX to the callback for Array.prototype.map. The error I received was React Error: Rendered fewer hooks than expected.
A quick video course by Mahmoud Shehata
In this article, I have tried to outline those core concepts which are normally asked in a ReactJS interview.
This post shows some examples how to handle async actions. It’s written for React Tracked, but it can be used without React Tracked.
This series will explain why we should be using Formik to create our forms in React instead of using native HTML form elements. We will be creating a sign in...
In this post I talk about my experience in working on translating React Docs to my Azerbaijani Language
This post mainly discuss Render-as-You-Fetch for basic fetch calls, like calling REST APIs. But, some of discussions are not limited to REST. One could invoke GraphQL endpoints with simple fetch calls. For more complex use cases with GraphQL, it’s worth looking into Relay documentation too.
Create a React app from scratch with Webpack and Babel. Create your own boilerplate code and understand each step of the configuration process.
I started this decade as a first-year college student fresh out of high school. I was 17, didn’t have a job, didn’t have any industry connections, and really didn’t know shit. And now you’re reading my blog! I would have been proud.
A Chrome Extension starter kit built with React, TypeScript, SCSS, Bootstrap, EsLint, Prettier & Webpack
A WebSocket library for multiplayer JS games, works on WebWorkers with binary data.
Simple app to extract text from pictures using Tesseract
Bot Land is an automated strategy game. Create bots, write scripts, and battle other players! Try it today for free on your computer or mobile device!
A nice little game where you get to drive a small car with other players.