Category: JavaScript
Posts of Category: JavaScript
  1. 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 More
    JavaScriptReactImagereact nativeimages
  2. Pagination 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 More
  3. Introduction 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 More
  4. Guide 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 More
  5. Upload 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 More
  6. Integrating 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 More
  7. Definitive 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 More
  8. Scroll 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 More
  9. Guide 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 More
  10. GET 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 More
  11. How 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 More
  12. How 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 More