You may have heard of TypeScript whether you are a JavaScript or React developer or even a newbie. It is said to be a superset of JavaScript. What does it mean by a superset? This really means that TypeScript includes all the features of JavaScript and extra features on top of it. So, what does […]
let’s get started with TypeScript right now Read More »
TypeScript is a superset of JavaScript. Unlike JavaScript, Which is dynamically typed, it is statically typed. This means you will know the types of variables used in your code at the compile time. This helps you as a developer to check for typed-related errors before the code is executed. If there are no compiled errors,
How to create React functional components in TypeScript Read More »
React.lazy and Suspense make React developer life easy. React.lazy helps in code-splitting and Suspense backup React.lazy in loading state. Before, we go into details let’s start things simply. let’s be familiar with some background knowledge. What is Bundling? Bundling is the process of putting code in many files into one file. While bundling is essential
React.lazy and Suspense make code-splitting easy Read More »
Intl Object in JavaScript Intl ( internationalization )is an in-built Object in JavaScript for language-sensitive formatting. It includes constructors for formatting strings, lists, numbers, and dates and times. In this post, I am going to talk about JavaScript date and time formatting with Intl.DateTimeFormat() constructor. Intl.DateTimeFormat() Intl.DateTimeFormat() constructor creates an instance of Intl.DateTimeFormat. You can
How to format JavaScript date and time with Intl.DateFormat Read More »
What is a javascript Date Object? JavaScript Date-object is a built-in object that stores date and time. It provides a variety of helpful methods for developers to set and get dates and times in different forms. It is useful to have some basic knowledge with regard to time zones and related topics when dealing with
A simple guide to JavaScript Date Object Read More »
One of the strengths of styled components is adapting styles based on the props. Props in Styled-components can be utilized to make changes, dynamically and conditionally, with JavaScript. You can also use predefined special props to change the override the HTML tags creating. If you stumble upon this post, I encourage you to have to
How to work with props in Styled-components Read More »
What is styled-components? In simple terms, it is a component that you can use in React applications. The purpose of the Styled- component is to create a specific HTML element and apply the CSS styles for it. As it is a component, you can use JavaScript syntax within your style component. Before you learn the
A simple guide to Styled-components for beginners under 10 minutes Read More »
React useMemo hook One of the ways that you can improve the performance of React apps is by using the useMemo hook. This hook prevents expensive calculations from running on every render. The React useMemo takes two arguments: a function and a dependency array. useMemo( function, dependancy_array) Now, let us see how useMemo work by an
How to use React useMemo hook to improve performance Read More »
In this post, I am going to talk about GitHub action attributes, and how to incorporate these attributes in a workflow file. If you are reading this post for the first time, I encourage you to read this post first on an overview of GitHub Actions. Common Attributes in GitHub Actions name You can have
How to create GitHub actions with attributes Read More »
You may have encountered a situation where you need to add a carousel to the landing pages. A carousel is a slide show of images or videos or a combination of both images and videos in a cyclic manner. You can create a carousel from scratch with HTML, CSS, and JavaScript. However, if you use
How to create React Bootstrap carousel for landing pages Read More »
