Category: React
Total: 22 Posts
Posts of Category: React
  1. 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
    JavaScriptReacttesting
  2. 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
    JavaScriptReactHTTP
  3. 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
    JavaScriptReact
  4. 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
    JavaScriptReact
  5. Guide to String Interpolation With React

    .lazyload-placeholder { display: none; } Introduction When working with strings, situations may arise that require us to dynamically add a specific value into such string so that it still returns a string, the ...Learn More
    StringJavaScriptReact
  6. How to Style Hover in React

    .lazyload-placeholder { display: none; } Introduction Working with visuals is an excellent way to keep our interface interactive and to capture the user's attention. Having objects animated on our screen create...Learn More
    JavaScriptReact
  7. Importing Images With React

    .lazyload-placeholder { display: none; } Introduction When developing web applications with React, we typically want to include visual elements to capture the users' interest. These visual elements could be any...Learn More
    JavaScriptReactImageimages
  8. POST HTTP Request in React

    .lazyload-placeholder { display: none; } Introduction When working with APIs we oftentimes want to send data to the server for processing. For example, if we have a list of to-dos and want to add to it, perhaps...Learn More
    JavaScriptReactHTTPPost
  9. Storing to localStorage in React

    .lazyload-placeholder { display: none; } Introduction When developing lightweight applications - we may want to store some data. If a database is overkill - there's a great alternative: localStorage! While it d...Learn More
    JavaScriptReactLocalStorage
  10. Guide to Lazy Loading With React

    .lazyload-placeholder { display: none; } Introduction When developing large React applications, we typically use many images and videos, install third-party packages/libraries, make API calls, and do a variety ...Learn More
    JavaScriptReact
  11. Sending POST JSON Requests With Axios

    .lazyload-placeholder { display: none; } Introduction Axios is a promise-based HTTP client library that makes it simple to send asynchronous HTTP requests (such as POST, GET, and DELETE) to REST endpoints, main...Learn More
    JavaScriptAxiosJsonReactAPIrestPost
  12. How to Create a Loading Animation in React from Scratch

    .lazyload-placeholder { display: none; } Introduction When creating React applications that fetch content from external sources that take some time to load, it is always a good idea to provide a pleasant user e...Learn More
    JavaScriptReact