Category: React
Posts of Category: React
Posts of Category: React
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 nativeimagesSending Emails in Node.js with Mailgun and React
.lazyload-placeholder { display: none; } Email is an essential method of business communication that is very fast, cheap, and top-free organic. When building products, emails can greatly provide your business w...Learn MoreNodejsEmailReactexpressDefinitive 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 MoreJavaScriptReacttestingGET 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 MoreJavaScriptReactGuide 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 MoreStringJavaScriptReactHow 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 MoreJavaScriptReactImporting 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 MoreJavaScriptReactImageimagesPOST 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 MoreJavaScriptReactHTTPPostStoring 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 MoreJavaScriptReactLocalStorageGuide 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 MoreJavaScriptReact