Javascript's superset, pedigree if you will, providing additional syntax and a more seamless integration with your editor.
So you have a Javascript array, and you want to get the last element. Follow these steps.
Enums, short for Enumerations, are preset constants that can be defined by a developer for use elsewhere in the code.
In this article, we will delve into the exciting world of full-stack development using Nuxt 3 and Nitro.
Bringing Options to JavaScript and TypeScript.
Building internal tools, you either love it or hate it.
This is part of a two part series, where I am going to show you how to use React and Typescript coupled with FaceIO to sign-up and authenticate a user.
Today, we are excited to announce the launch of WunderGraph Cloud! Today, we are excited to announce the launch of WunderGraph Cloud!
Learn how to efficiently manage state in React applications using the useContext hook.
The NonNullable type is a utility type in TypeScript which creates a new type, whilst removing all null or undefined elements.
Learn how to easily setup a tsconfig file to build for nodejs.
The Factory Method pattern is a design pattern that is used to create objects without specifying the exact class of object that will be created.
Some useful tips to keep in mind when migrating your JavaScript project to TypeScript
Typescript utility types allows Javascript developers to carry out type transformations. Some examples of utility types are Partial, Required and Readonly.
UI series #1 ft. variables
It may not be apparent when you're working on it locally, but quirks such as this one on Netlify can throw a wrench into your application deployed in prod.
Ok! It's crucial to keep the code readable and maintainable. One of the easiest ways to increase readability is terminating early from methods/functions.
Typescript is a superset of Javascript. Decorators in Typescript are functions that add special behaviors to a class or members of a class.
Javascript objects consist of key-value pairs and are one of the most common data structures in Javascript.
I really like C#'s extension method feature. I was trying to experiment it on Typescript with decorators.
Technology has made our lives easier with several forms of implementation that are seen in different professional fields. As most individuals began to efficiently program computers, programming
languages with powerful tendencies and functionalities were born.
Hi everyone! Today I want to talk about fast TS compilation. There are a lot of tips and tricks about TypeScript code style. But not about compiler performance.
In this tutor, we will set up Hardhat with Typescript.
Hardhat is a development environment for compiling, deploying, testing, and debugging Solidity Smart Cont
If you're like me you create scripts to automate things all the time. While you can do quite a bit with bash, it's just a lot easier to use your primary language--in this case TypeScript. With just a few tricks you can start writing your scripts in TypeScript.
One of the most frequent operations we perform on an array is removing the last element. There are a few different ways to do this - but one of the most common
Whenever you start wondering how to create your syntax or rules on expression, it’s probably time to check out this powerful tool - The Chevrotain.
Nullish coalescing vs or operator explained and why it will help keep out bugs out of your code.
Previously I wrote about RTK, this story will cover other details of its use.
Well, after some I did some search on Google, I found an article with a developer who had the same issue. One and the awarded response was to use socket.
Event Bus is great for lightweight event systems. We'll discover its use case in React and build an Event Bus from scratch with TypeScript.
Curious about how Flask stacks up against Node.js? These are my thoughts on the matter.
We migrated our web app’s codebase from Webpack 4 to Vite for one simple reason: speed.
The React Hooks docs has a FAQ entry: “How can I do data fetching with Hooks?” where they link to this well written and detailed article by Robin Wieruch. There is however a shortcoming in that approach which affects correctness is some important situations.
I created Deskreen. It turns any device with a web browser into a secondary screen for your computer
JavaScript Promises have an API that can lead to incorrect interpreting of potential results by developers. This is how it works and how to avoid the error.
Create reusable and customizable modals with React and TypeScript. Learn how to make a complete modal with React Portals and styled-components.
A react context is meant to be used in more than one component or custom hook. Enforce typings in your context to ensure a better quality code
As software engineers, we use tools built by other devs dozens of times a day. Personally, I use over 15 VS Code extensions. Until my team and I set out to build GraphQuill, I didn’t have the slightest clue about the process of developing and publishing an extension. It’s been a fun and worthwhile experience working within the VS Code extension space, so when my team and I got together to discuss releasing GraphQuill, I insisted we include a behind the scenes look at the development process and what challenged/excited us throughout.
We will create ERC-721 smartcontract, deploy to Goerli with Hardhat + Solidity. For minting we will use NextJs + WalletConnect + Web3Modal
The Pick utility Type lets us take types based off existing ones, by selecting specific elements from them. Let's look at how it works and when to use it.
Solve concurrency issues with typeorm query to fix race-condition and deadlock bug.
Arrays work the same in TypeScript as they do in Javascript, the only difference being that we have to define their type upfront.
To solve this problem, we can teleport the modal out of its own component and into another part of our template using createPortal.
If you've ever worked in vanilla Javascript, you might be familiar with adding event listeners to elements using the following formula:
How to test a React App, with Jest and react-testing-library
In this article, I want to show you How to set up a Node Express with TypeScript like a PRO.
Tutorial how to localize (i18n) React application using Tolgee. It allows you to translate your string in-context and generate screenshots.
Powering the Future of Digital Project Development Through Data Democratization
In this installment of Meet the Writer series Andrey G, Facebook's senior software engineer, shares his thoughts on career development and his love of sugar.
Sometimes it’s necessary to set up a development environment for writing TypeScript code. This article will show you how it’s done.
TypeScript provides you with multiple ways to define type definitions for object properties. We'll look at a couple of them throughout this post.
Let's look at how typeof works in TypeScript.
The first of a series of articles about TypeScript.
In Javascript, we have lots of different ways to manipulate DOM elements. Here, we take a look at one of the simplest ways to do so.
How to use the AWS CDK to provision an EC2 instance that is automatically stopped when there are no open SSH or Session Manager connections to it.
Each year the ⚛️ React community is becoming bigger and bigger. And with this growth, we get more and more tools to achieve our goals and needs.
TypeScript beta 4.9 came with the new satisfies operator.
Very often we have use-cases where we would like to use a single type Union Type but still be sure about the properties inside them.
How to use TypeScript's ambient module feature for cross-sharing micro-frontend imports using single-spa.
Optional chaining is a feature in Javascript which lets us access the child properties of an object, even if the parent object doesn't exist.
Discover how to hide your API keys and tokens in React using environment variables with Vite and nodejs. Protect the security of your services.
5 easy wins to refactor even the worst legacy code
Use TypeScript in all your projects and all use cases without any limitation. You can now do frontend, backend, infrastructure and machine learning in one progr
Toast Notifications are yet another way to provide feedback to the user. They usually contain brief messages and sometimes get accompanied by CTAs as well.
The Parameters type is a utility type in TypeScript that lets us take the arguments of a function, and turn it into a new type. Let's look at how it works.
CRA may be "dead", but there are many alternative tools available for building React applications that offer superior performance and faster development times.
The nullish coalescing operator is useful in situations where something can be returned as either null or undefined, and helps us tighten up our code.
Assume the following case: You have an Angular/Ionic project that has multiple components that need the same resource. When the app loaded, the components will start getting the fresh data from the backend. Hence you will probably see multiple identical calls in the Network tab.
In this article, we will use Cloudflare Workers and KV to create a scalable URL shortener service that you can use to shorten your application links.
Worried that dinosaur or sock shaped "deno" is going to kill our favorite Node? Let me help you to get out of this dilemma.
🔰🦸 Template to start developing a REST API with Node.js (Express), TypeScript, Ts.ED, ESLint, Prettier, Husky, Prisma, etc.
I recently built an anime app that fetches details about animes from an external API. The project had an input field where you could type in the name of an anime to search for. The text typed in the input field was then used to query the API for animes matching the input. The input field was to use “instant search” mechanism. This meant that users where not required to hit enter or press a button for the search to occur. To prevent making a call to the API on every keystroke, I had to debounce the queries made to the API.
The ReturnType utility Type in TypeScript lets us take the outputs of a function, and codify a new type based on that. Let's look at how it works.
JSWorld Conference is the number one JavaScript Conference in the world, and I share a summary of all the talks with you. Part I
Why we should be careful not to abuse barrel exports in our TypeScript code.
How to write a Lambda function to convert json data to xlsx file and then upload to s3 and return a signed url of that uploaded file on a serverless framework
Learn how to build a notes taking app using web3 storage app in 4 simple steps, using nexts, typescript, ipfs, and zk block.
Who uses Rust, and what are the benefits of choosing this programming language for your stack? Find out the answer in stories from 9 successful companies.
TypeScript for Beginners - Introduction, setup and running your first TypeScript code
Xanny finally reached version 1.0 in Dec 2020. According to its official repository, Xanny is a simple, fast and low HTTP router and URL marcher for building Deno servers.
The Omit utility Type lets us take types, remove elements, and make entirely new types. Let's look at how it works.
5 Must-Know Features in JavaScript ES2022: Enhance Your Code and Boost Your Productivity
A short article about how I migrated my WordPress site to GitHub Pages
Every time I find myself connecting to a third-party API that doesn't have a client library I have to create a lot of boilerplate around it:
In this article, we'll learn how to create custom VS Code shortcuts and code snippets.
TypeScript Records are a great way to ensure consistency when trying to implement more complex types of data.
TypeScript, Dart, CoffeeScript, and Elm are all programming languages used for building web applications, and each has its own strengths and weaknesses.
I want to start a series of stories where I will try to implement a Checkers game.
Let's take a look at how Typescript Interfaces and types differ.
Prisma ORM is a good choice for your project. It lacks some features of other ORMs. But it's not a big deal because you can jump the lover levels of raw SQL
Overview of the Vue Eco-System in 2022. Evan You talks about Vue 3, Vue 2.7, Vue 3.3, Nuxt 3, Vuetify 3, Vite, VitePress, Volar, Vitest, etc
Using GraphQL together with TypeScript can have huge advantages, as you can use your GraphQL schema to create TypeScript type definitions on the fly!
RTK Query is definitely a cool library however it’s sadly not applicable to all of the use cases possible with an API.
Over the Easter weekend, a four day weekend characterised by lockdowns all over the world, I decided to use the extra time I had at home to start a new project and learn a new skill. By the end of the weekend I was proud to release my first VSCode extension: ngrok for VSCode.
I want to show you how using destructuring and inline types in TypeScript makes your codebase less readable!
Adding simple movement to Checkers made in React, part of a series on learning how to implement the systems ended to create a simple boardgame on React.
Fumbling with APIs? Learn how to use the fetch API to get your data in Javascript like a pro.
Fix Formik slow performance. Increase Formik performance when using input fields. Happens when you use CSS-In-JS based UI libraries as they keep re-rendering.
How To Setup React Native and Create a Simple ToDo App
When rendering a large set of data (e.g. list, table, etc.) in React, we all face performance/memory troubles. However, we can use the technique of DOM recycling to solve the troubles.
Image by Devanath from Pixabay
GraphQL is the alternative for REST made by Facebook. When Facebook reached the limits of REST API, they had to make something breaking these limits.
Understanding Debounce in Next.js
"The Only API" is an open-source SDK that allows developers to query for anything they need in any data format. It has limitless capabilities. Try it now!
Learn how to build a TypeScript library for both ESM and CommonJS targets using elegant configuration without third-party dependencies!
The Promise.all method in Javascript is a function that accepts many promises and then does something only after they have all been settled.
The JS reduce method is a recursive way to perform a computation based on every element in the array while considering the previous elements of the array.
The complexity of modern web apps lies far beyond creating eye-catching user interfaces with countless elements. To enable lag-free experience and effortless scalability, it’s important to pay due attention to the architecture design, which can be pretty challenging. Under the hood of a full-featured online app, different frameworks and libraries can peacefully coexist with different programming languages used to build software. Since the equation may contain so many variables, it’s essential to master your knowledge of each potential system component to know when and why to use them.
It's something used all the time in Javascript, but often what it refers to is a mystery. Let's look at how this works in Javascript in different contexts.
I wanted a good animation for my first YouTube video. But with no experience with tools like After Effects, what can I do? React JS to the rescue!
Matt Sokola is a software engineer whose latest Hacker Noon Top story was on building a clone of the 2048 game with React and TypeScript.
I will try to tell with a simple example of how TS can be applied, and how to solve seemingly complex problems step by step.
Would you like to know the future of the JavaScript ecosystem and get connected to a stellar crowd? To help you stay up-to-date on the latest JS tech, the GitNation team has come up with a new remote event taking place on June 18-19, 2020. JSNation Live, their 2-day event on all things JavaScript, will gather 25 thousand software engineers, making it the biggest JavaScript conference in the cloud.
It turns out that running ts-node-dev / ts-node is constantly consuming hundreds of megabytes of RAM - Here's how to fix it
An architecture for writing and organizing your Unit & Integration Tests for Node.js REST APIs using Jest, Supertest & Chai.
What is Deno, why does it matter, and how is it currently used for server-side JavaScript?
A breakdown of the most important JS dev tools in 2022, including their most relevant tradeoffs, and some opinionated advice sprinkled on top.
Autocomplete Search Component With React and TypeScript
JSWorld Conference is the number one JavaScript Conference in the world, and I share a summary of all the talks with you. Part II
What are union types and how you can use them to your advantage!
You might be using Javascript plain old objects right now when a map may be a better solution to your problem.
Microsoft Dynamics 365 is a cloud-based business applications platform that combines components of customer relationship management (CRM) and enterprise resource planning (ERP), along with productivity applications and artificial intelligence tools, although currently Dynamics is more popular for its CRM capabilities.
We've all been in a situation in Javascript where we have a set of data, all with different dates, which we want to sort by date quickly.
I will tell you what formats for common handlers exist and why it is better to agree on a single format with the backend than to fence a new solution every time
If you try to run a function with a different number of parameters than the function actually has, you'll get an error in TypeScript. Here's how to get past it.
Why Another Boilerplate
When we are using NodeJS as the runtime for AWS Lambdas, JavaScript is the default language. However, due to the lack of typing check in JavaScript, from time to time, buggy codes are deployed to Lambda inadvertently. Such as a small typo like this:
Implementing Social Login: A Step-by-Step Guide in React with Typescript. How to add Github and Google login for users and taking advantage of the social netwo
Introduction
The type annotations specification specifies how Javascript will, in the future, implement types. Let's look at how types in Javascript will work.
TypeORM is an ORM tool for TypeScript, supports popular databases and make it easy to interact with them. Upgrade to v0.3.11 for new features and improvements.
NodeJS NestJS boilerplate for fast starting a new backend project based on REST API
In this article, we cover the second part of our two part series. We will create a React Native application that makes use of the Firebase Cloud Function that we created in the first part. Here I will cover building the application in detail. If you want to skip ahead to the finish line, the full code is available here.
The some array method lets us check if some elements pass certain criteria. Let's look at how it works.
There are quite a few ways in Javascript to loop through an array of items or any other iterable item in Javascript. You may have seen them:
I was writing a chat bot where a user interacts with a machine learning powered bot, then I wanted to write a general example application for anybody to use it. In this application, there will not be any intelligence. The bot will simply recite what it heard so that anyone can implement his/her own logic.
Without external tools
Defining a new object in Javascript is pretty easy - but what if you want to find out if it's empty?
In this guide, I'll explain exactly what TypeScript is and why it's different from Javascript.
Organizing your Next.js application and using its components.
Did you know that Javascript does not class a selection of multiple elements as an array?
It was a great feeling to see my first website live on the internet.
Wanna get into Google Summer of Code? Lean about how I did and maybe you can too!
This tutorial will teach you how to build and deploy your own programs on the Solana blockchain!
To cast something in TypeScript, we use the 'as' keywords. Here's how type casting works in TypeScript.
There are many cases where knowing when an array is a subset of another can be pretty useful.
If you try to do something real-time with REST APIs, you're going to have a bad time.
Sometimes, with arrays, we want to test every element for a certain condition.
So, in the basic scenario when there are no needs in the redux, I will only use the hook itself without heavy libraries just for the small feature.
In this tutorial, I'll demonstrate how to publish React components from any application to Bit's registry. Components will be published as independent packages that later could be installed using NPM, Yarn or Bit.
According to the latest report, Typescript has surpassed Javascript to become world's favourite language for developers.
In this article, we will continue our discussion and talk about the most popular TypeScript alternatives.
Upgrading from Angular 8 to 13 - the most common errors and their respective solutions
Selenium is the most popular web UI automation tool, but does that mean that it's the best solution in test automation market?
Immediately invoked function expressions, or IIFE, are functions that are run as soon as you define the function.
It’s time to add Players and the ability to change the current player on every next turn.
If you're using TypeScript/Node.js to write your application code, you should use them to write your DevOps scripts.
Javascript arrays can contain duplicates - which is fine most of the time, but can sometimes cause some issues.
Pierre-Antoine Mill from France has been nominated for a 2020 #Noonie in the Software Development category.
The killing by Minnesota police of George Floyd grabbed the media's attention recently. Nobody can be indifferent to this heinous crime, and the JS community has also reacted to the incident.
Using the React cloneElement is a better way to build a component API props in ES6 Javascript, and Typescript. Here's a tutorial on how to do so.
In the test automation world, there is a competition between Puppeteer vs Playwright vs Selenium vs Cypress. These four pillars form the backbone of the space.
In this article, we will talk about how to set up a monorepo with Vite, Typescript, and pnpm workspaces.
Full Disclosure:
Do you have an app that you use and you want to localize it? Localizing is very important to ensure that all people can use your app with ease. With Localazy and LinguiJS you can achieve it easily (and for free)!
In this tutorial, we will start with creating the game board.
Typescript utility types allows Javascript developers to carry out type transformations. Some examples of utility types are Pick, Omit and Record.
Retail illustration by Sail Ho Studio
When I started using Node.js for building REST APIs on the server side, I struggled a lot with the same question over and over again:
An example application using the Node.js with TypeScript and Express.js where a serverless API will be implemented and deployed on the AWS Lambda service.
Statemanjs is a powerful, efficient state management library for JavaScript and Node.js.
Publishing static content becomes so effortless with Next.js, MDX, and Contentlayer. This article will show you how easy it is to implement that system.
When it comes to React, there are some of the things that will optimize your code and will give you better results in it.
Step by step guide to write eslint plugin using typescript with tests and template
We use the splice method to insert an item into an array at a specific index in javascript, which takes 3 arguments - and also lets us delete items too.
While creating user interfaces, we often encounter the problem that there is more data in our tables than can be fitted in the visible viewport. To achieve an excellent user experience on components like Gannt charts, data tables and spreadsheets, we often use the sticky CSS property on the header elements. This is a simple task when doing it only on one edge of the table.
A step-by-step guide to building a Solana Crowdfunding App using React and TypeScript.
Refi App - A tool to make developer less painful when interacting with Firestore DB
Learn how to build zero knowledge dapps, using zero knowledge proofs boilerplate. Build age verification dapp using zero knowledge proofs.
How to use decorators to implement in a few lines of code a coaching mechanism for both node and web application
We made ReactGrid to compose your view with arbitrary cell order. Today we present a few tips for implementing ReactGrid in your own React project.
I spent the better part of a day moving a project completely off of the ORM we were using (TypeORM). Ever since I started doing web development, I’ve been using some kind of heavy abstraction on top of my database. Whether it’s Mongoose when I used MongoDB, or TypeORM when I decided to move to TypeScript and PostgreSQL. However, it turns out that ORMs and query builders aren’t so great. I used to be that person that thought ORMs and query builders did the job for me, and I used it as an excuse to not learn SQL (which is what everyone tells you NOT to do). Given the tools that exist today, I would wholeheartedly recommend doing it the opposite of how I did if you’re starting off new to these things — write your SQL stuff by hand, or with help from the tools I mention later in the post. It’ll feel really slow at first, but you’ll thank yourself later 😄
What is a mixin? As per version 2.2, TypeScript now supports the concept of a mixin - a function that can take a class, extend it with some functionality, and then return the new class, allowing other classes to extend from it - allowing classes to mix and share functionalities!
Ethereum development, while still very nascent in feel, has come a long way. When I started developing Solidity smart contracts and Ethereum dapps in 2017, Truffle and Web3.js were the industry standard. These are great tools and I have tons of respect for the people that built them. However, anyone who has used them has dealt with bugs and sometimes poor developer experience. There are a few new tools out there that have clearly been inspired by these first sets of tools and made the developer process much better.
Learn Typescript to write maintainable code. Javascript is fast to prototype, but that's not all we want. Let's learn how to write type-safe code.
Hey! guys, in this post I will be discussing the changes brought in by typescript 3.9. I will give some code examples and brief descriptions.
In this article, I’m going to walk you through developing a simple todo rest application in NestJS and give you an overview of this framework.
Step-by-step process from creating an Embedded widget using Shadow DOM and Typescript.
Do you leave your keys inside your car in a big parking lot? If not, then why do you expose your API_KEYs in your Github projects?
NestJs is an easy-to-learn and powerful framework. The beginner's guide for developers will teach you how to create an application using the NestJS framework.
The tool is called elven.js. It is an open-source MIT licensed tool based on the official erdjs SDK. What it does is it
Component-Driven Collaboration (CDC) is a way to build frontend code, as a team, by delivering code updates as meaningful independent components. CDC can be contrasted by the "traditional" way of delivering updates with no clear borders, meaning or purpose.
Living in the UK, it is almost impossible not to be tempted to try the new challenger banks such as Revolut, Starling and Monzo. I am currently using Revolut as my main bank account and felt the need to access it from my computer.
Who doesn’t like sharpshooting wood elves, chaos infested wastes and dwarfs digging deep under the mountain for treasures? Daring Sigmarite warrior priests and armour-clad chaos Chosen and all manner of other fantastic creatures? I know this might sound weird, but this is an article about programming! I’ve recently gained interest in trying to understand a bit more about Uncle Bob’s clean architecture design and, to do that, I’ve created a small app that I believe showcases some of the main strengths that I believe it has. Disclaimer: All Warhammer references are the property of Games Workshop and I also do not claim to be some clean architecture guru. But maybe this will help someone else with their first steps in grasping the concepts of this cool new toy I’ve found.
If you know typescript, it’s easy to add the ability to create, mint, and manage non-fungible tokens (NFTs) to your app.
We decided to rewrite our simple fetch service to a more powerful solution with the ability to cancel requests which were sent previously.
When we talk about default parameters, we are talking about giving arguments values that should be used, if that argument is undefined.
How these 7 tips and tricks can help your puppeteer code stand out and work more reliably.
In this article I will be explaining how to write a simple express server that is of Production Grade.
Building an awesome editor for your React-based web application is by no means easy. But with SlateJS things get much easier. Even with the help of Slate, building a full-featured editor is way more work than we can cover in one blog post, so this post will give you the big picture and subsequent posts will dive into the dirty details.
🤠 Introduction
Here’s a list of unique libraries that you can use to get your next idea off the ground.
In this article we are going to create a chess game with React and Chessboardjsx ♟️. On top of that, we will use the chess.js library.
We will be building a proof of concept to create customer Google Maps markers using any React component in a Next.js project using AirBnB as an example
Writing clean code can be a challenge when you start on a new project. Trying to clean up code in an already existing application without breaking anything is similar to this:
Typescript Mapped Types From Beginner to Pro
If you have some troubles with transactions in Nest.js - this article will help you.
Adding figures and selection to a version of Checkers made on React is reasonably simple if you know the basic steps of adding game logic into the language
The slice method on arrays returns a shallow copy of a part of an array. It takes two numbers, a start, and an end. Every array has a slice method.
Improve coding speed, reduce code breaks, increase flexibility and modularity with a simple yet underestimated pattern, the Mediator in the form of CQRS.
Master the basics of building an app with React and TS. Learn how to use state, props, and data flow to create a fully functional app.
This post will cover a topic that has been key in many applications and will focus on a solution working fully on the background and the most interesting part of all: working from Android 4.4 (SDK 19) to the most recent version at the time of writing which is Android Oreo (SDK 27).
Java & JavaScript are garbage collected languages. But memory leaks can still plague them. Avoid, detect and fix these heap problems using this guide
A component library is one of the coolest things a web developer can make, but if you don't know how to make one, let me guide you a bit.
@okikio/animate is an animation library for the modern web, it uses the Web Animation API to deliver butter smooth animations at a small size.
Here are the best tools for web developers. Here is a list of tools that you can use to build your website, and all of them are useful. Read this article to get
The Typescript quirks that pushed me to reinvent the wheel by creating a new-brand Dependency Injection library for Javascript.
After Microsoft’s blitzkrieg take-over, the Open-Source JavaScript community as we know it is coming to an end. It’s a ‘secret’ war with high-tech propaganda.
Despite the popularity of currying and the rise of functional programming (and of TypeScript), it is still a hassle today to make use of curry and have proper type checks. Even famous libraries like Ramda do not provide generic types for their curry implementations (but we will).
This is Part 1 of 6 in the Let’s Explore ARK Core series which documents the development of the next major release of ARK Core, alongside some tips & tricks on how to get started with contributing and building your next idea today.
Today I'm pleased to interview Ajdin Imsirovic, senior developer, author and teacher of two brand new Angular courses on Learnetto - The Free Visual Guide to Getting Started with Angular and The Complete Practical Angular Course.
Recently, I came into Svelte and ... I love it.
I love TypeScript. I’ve been using it for over 2 years in various projects, and the more I use it the less compelling I find vanilla Javascript.
Creating a sample app with ReactGrid, Chart.js and Typescript
A Set in Javascript is a unique list of values, similar to the set data type in Python.
NextJS is becoming a de facto framework for modern web development. In this article we will build a starter repo that you can use for every new project.
In this article, we figure out the key differences between Angular and AngularJS open source tools for front end developers to make the usage of these frameworks, terms, and names more conscious. But before we start to compare, let’s clarify what these names mean.
A FAQ Chatbot have the purpose of answering the most common questions asked by users. We will build one using Bard and some of its funtionalities, that will help us to build a smarter chatbot.
In this talk Eduardo goes through some of the internals of Pinia, understanding them and discovering how to enhance our usage of Pinia.
GraphQL is not a configuration language, also not a transformation language, a replacement for SQL, and definitely not Terraform.
Previously, I talked about how Plop can help increase productivity when coding by reducing context switching. In this article, we’ll dive into an example and configure a Plop generator to create a React component in Typescript. By the end, you’ll be able to start using Plop to build your own generators for any type of project and reap the productivity benefits!
A conceptual dive into the pros and cons of typescript and what sets it apart from javascript.
Sometimes, we may just want to cache a method return value for sometime. Typescript decorators come really handy. We can create a custom decorator and drop it on a method and be done with it.
Typescript generics are a way to create flexible, reusable code components in typescript.
This is Part 3 of 6 in the Let’s Explore ARK Core series which documents the development of the next major release of ARK Core, alongside some tips & tricks on how to get started with contributing and building your next idea today.
S.O.L.I.D design principle comes from Object oriented programming guidelines. It is designed to develop software that can be easily maintained and extended; prevents code smells; easy to refractor; promotes agility and finally incorporates rapid + frequent changes quickly without bugs.
Photo by Sergey Pesterev on Unsplash
This is Part 2 of 6 in the Let’s Explore ARK Core series which documents the development of the next major release of ARK Core, alongside some tips & tricks on how to get started with contributing and building your next idea today.
This article explores situations where TypeScript may be overkill, such as simple projects, prototyping, limited resources, tight deadlines, and legacy code.
Move all the reusable components like buttons, input fields, headers, icons, etc., everything that your app needs, into a separate, installable package.
v-if and v-show are two ways to conditionally render content in Vue.
10/10/2022: Top 5 stories on the Hackernoon homepage!
Implementing tracking code based on an outdated version of your organization's data plan can result in time-consuming debugging, dirty data pipelines, an
How to send invoices and add a payment reminder in Next.js with Courier API. Utilizes React and JavaScript to build services in Node.JS.
The app directory, Streaming, Suspense, and hybrid Server and Client Components were demystified — with a little help from GraphQL + WunderGraph.
Full-Stack development just reached a whole new level of productivity. Isomorphic TypeScript APIs, as I call them, blur the lines between client and server.
In the last 6 months, we put 100% of our focus on addressing this feedback and getting Webiny to the next level. Today we present the Webiny v5 release.
Hey, RxJS streamers! 🙋♂️
⚡A powerful HTTP router and URL matcher for building Deno web servers with dragon 🐲.
This is Part 1 of 6 in the Let’s Explore ARK Core series which documents the development of the next major release of ARK Core, alongside some tips & tricks on how to get started with contributing and building your next idea today.
This is Part 6 of the Let’s Explore ARK Core series which documents the development of the next major release of the ARK Core Codebase alongside some tips & tricks on how to get started with contributing and building your next idea today.
The operating manual for bundlejs.com, with tips and tricks to using bundlejs, and an explanation of how bundlejs works; esbuild-wasm, gzip/brotli compression.
I have been working for the different kinds of Node JS application from the last 4 years. For every project I tried to improve the performance and code quality. From that, I found a very interesting way to restart the typescript application so fast.
Arrays in Javascript are a simple, one-dimensional way to store simple sets of data. Arrays are non-unique, which means they can store duplicates (unlike sets).
This is Part 5 of the Let’s Explore ARK Core series which documents the development of the next major release of ARK Core, alongside some tips & tricks on how to get started with contributing and building your next idea today.
Function overloads, generics and union types — excellent tools for full-fledged work with types in TypeScript.
Localization of any type of application, be it a web, mobile or desktop app, can be tedious and irritating. In this article, I’ll show you how can you handle that easily with Localazy and vue-18n in a way that you’ll spend your time effectively and actually enjoy the localization process.
A step by step guide on how to create a React project from scratch, with TypeScript and Webpack.
This is Part 4 of 6 in the Let’s Explore ARK Core series which documents the development of the next major release of ARK Core, alongside some tips & tricks on how to get started with contributing and building your next idea today.
A frontend developer should be able to define what data is needed for a given page
The "this" parameter in JavaScript is like that oddly concealed obstacle on a path that keeps tripping people.
What can we learn about coding and creating reusable components with react from one of the greatest novelists ever?
Deep learning at the rescue. In this article, I'll talk about TabNine, an AI Code Completion system for all languages, with a focus on JavaScript.
You've watched the Youtube videos, you've done the tutorials on Pluralsight and you consider yourself a Javascript expert.
Keep web apps and sites smooth and interactive while processing with these tricks and tools.
I built a full-text search engine in Rust and WebAssembly. Fast, lightweight, and tons of fun to build!
Everything is moving extremely quickly in the software industry, so it requires a lot of effort just to keep up. This is exactly why we, at Coding Sans, publish the State of Software Development survey every year. To learn what is happening in the industry at the moment, and see how trends are forming over time.
Did you know that recursion can be optimized using a concept which works similar to the way how we jump on a trampoline.
In this article, we’re going to learn the basics of Deno, like how to run a program and embrace security.
I created a Netflix clone using Piral: an open-source framework for creating modular applications.
I can list down the reasons for “why” to do in-house, but I’ll refrain. Since you are landing here I assume you will know your why’s.
In this article, I will be walking you through how to set up elasticsearch on your PC.
What is State?
Before I get started, I'd like to express how grateful I am for all of the work that the React team has put in over the years. They've created an awesome framework that in many ways was my introduction to the modern web. They have paved the path for me to believe the ideas I'm about to present and I would not have arrived at these conclusions without their ingenuity.
Ryan Dahl speaks about the main challenges in Deno, the future of JavaScript and TypeScript.
In this post we will get familiar with the architectural approaches that make blockchain application development almost like a walk in the park. We will address five simple, yet efficient software development approaches for blockchain applications. Each of them being supported with code samples and tutorials.
If you ever created a rest api using Express, TypeScript and Mongoose you might notice duplication issue caused by declaration of domain model and Mongoose schema.
Today you will learn how to build your own clone of the 2048 game in React.
A quick guide to creating a Yeoman generator for building microservices with an example of Express.js and Typescript app.
Gatsby Themes provide a powerful way to share an opinionated set of configurations across multiple Gatsby sites. The features built into your Gatsby Theme will be abstracted out of your site and packaged as a dependency, providing an efficient way to develop similar Gatsby sites.
Guide to TypeScript tsconfig.json. Settings explanation. Tips and tricks. Each new project I prefer to write on TS rather than native JavaScript.
Records & Tuples, a very interesting proposal, has just reached stage 2 at TC39.
The Rule: Whenever you name a variable, function, or class, ask if it is concise, honest, expressive, and complete.
