Category: JavaScript
Posts of Category: JavaScript
Posts of Category: JavaScript
How to Align Images in React Native
.lazyload-placeholder { display: none; } Introduction Aligning images properly is important in mobile app development because it helps create a visually pleasing and user-friendly interface. A well-aligned inte...Learn MoreJavaScriptReactImagereact nativeimagesPagination in Vanilla JavaScript
.lazyload-placeholder { display: none; } Introduction When creating a website or web application, especially if they feature a lot of templated content (such as a grid or list of items belonging to a category) ...Learn MoreJavaScriptIntroduction to Vue Components
.lazyload-placeholder { display: none; } Introduction When developing a large application, it is always a good idea to break it down into smaller components to make the code easier to read, structure, and maint...Learn MoreJavaScriptvueGuide to Webpack 5
.lazyload-placeholder { display: none; } Back in the days when modularity in Javascript was introduced, there was no way to support modules within web browsers. To fix this issue, module bundlers such as Parcel...Learn MoreJavaScriptUpload File with Vanilla JavaScript and Loading Animation
.lazyload-placeholder { display: none; } File upload is very ubiquitous to any web application and when it comes to uploading files and resources over the internet (on a browser), things can be somewhat stressf...Learn MoreHTMLJavaScriptIntegrating MongoDB with Node.js
.lazyload-placeholder { display: none; } A robost moden-day application has a medium of storing data at its backend such as Node application which is able to work with both non-relational (such as PostgresQL, M...Learn MoreJavaScriptNodejsmongodbDefinitive Guide to Unit Testing in React Applications with Jest and React-Testing
.lazyload-placeholder { display: none; } Introduction As a developer, one of the things at the top of your list ought to be shipping bug-free code. Nothing could be worse than finding out on Thursday night that...Learn MoreJavaScriptReacttestingScroll to Top in Vue with Reusable Components
.lazyload-placeholder { display: none; } In improving the user experience on any website with a lot of content on its web pages, it is common for frontend developers to implement a scroll-to-top functionality t...Learn MoreJavaScriptvueGuide to Exception Handling in Express
.lazyload-placeholder { display: none; } Introduction Exceptions and error are bound to occur while users interact with any application, it is up to software engineers to choose a means to handle any error that...Learn MoreJavaScriptNodejsexpressGET HTTP Request in React
.lazyload-placeholder { display: none; } Introduction When developing web applications - we routinelly access resources hosted on a server. Asking for, sending, or performing other operations on resources is ac...Learn MoreJavaScriptReactHTTPHow to Set Focus On Element After Rendering With React
.lazyload-placeholder { display: none; } Introduction By setting the focus on an element, we gently guide a user to the next expected input field, giving them a better browsing experience with less guesswork. ...Learn MoreJavaScriptReactHow to Force Update a React Component
.lazyload-placeholder { display: none; } Introduction In this article we'll show you how to force update a component in React.js. More specifically, we'll be giving a brief introduction to React re-renders, we'...Learn MoreJavaScriptReact