Skip to content
  • Youtube
  • Facebook
  • Twitter
Coding is Love

Coding is Love

Coding is Love
Coding is Love
  • Home
  • Tutorials
  • Interesting stuff
  • Dev resources
  • UI School
  • About Us

Tag: React

Quick tips for developers

How to store and update multiple field values in React using useReducer

Ranjith kumar March 16, 2022 No Comments JavascriptReact

If you’re like me, you probably found yourself using useState when you needed to update a single piece of state. But what if you need…

View More How to store and update multiple field values in React using useReducer
General

Marvel’s Shang-Chi – What if he was a web developer? | Web Multiverse

Ranjith kumar March 9, 2022 No Comments Video htmlhumorJavascriptReactweb development
View More Marvel’s Shang-Chi – What if he was a web developer? | Web Multiverse
UI School

Furniture App – React Native – Speed Code

Ranjith kumar February 28, 2022 No Comments Video JavascriptReactReact NativeUI

Furniture app UI made using React native from scratch along with tabs navigation and screen navigation. This app also has a nicely animated carousel for…

View More Furniture App – React Native – Speed Code
Dev resources UI School

Create cool typing animation in your website | Spotlight of the day series

Ranjith kumar January 30, 2022 No Comments Video codingcsshtmlJavascriptReact

Learn how to create a cool text animation that appears to be typed by a real user Reference links Typed.js GitHub – https://github.com/mattboldt/typed.js Typed.js website…

View More Create cool typing animation in your website | Spotlight of the day series
Coding Tutorials

Text recognition in the browser using Tesseract.js | Spotlight of the day series

Ranjith kumar January 29, 2022 No Comments Video codingcsshtmlJavascriptReactUI

Learn how to do text recognition in the browser in a react app using tesseract.js Source code is available at Tesseract OCR React Watch the…

View More Text recognition in the browser using Tesseract.js | Spotlight of the day series
Coding Tutorials UI School

React UI tutorial – Building Instagram video player using HTML and CSS Flex

Ranjith kumar July 27, 2020 No Comments JavascriptReact

React tutorial – Build Instagram video player using ReactJS and Flex system of CSS. The main intention of this video is to show how to…

View More React UI tutorial – Building Instagram video player using HTML and CSS Flex
Coding Tutorials Quick tips for developers

8 ways to optimize React native FlatList performance

Ranjith kumar July 16, 2020 13 Comments JavascriptReactReact Native

FlatList is the component in React native that is used to render a list of items. It works great for basic lists but FlatList will…

View More 8 ways to optimize React native FlatList performance
Quick tips for developers

React Native blank white screen issue (solved)

Ranjith kumar July 14, 2020 2 Comments JavascriptReactReact Native

Recently I started working with React Native and got a blank white screen after installing the example app. I generated a basic app using react-native…

View More React Native blank white screen issue (solved)
General

Super cool hexapod robot simulator with ReactJS

Ranjith kumar June 30, 2020 1 Comment JavascriptReact

Check out this super cool hexapod robot simulator. Its a browser based simulator built with React and Plotly

View More Super cool hexapod robot simulator with ReactJS
Mobx react context example
Coding Tutorials Dev resources

How to setup Mobx with react context

Ranjith kumar June 29, 2020 20 Comments JavascriptReactReact Native

Mobx is a Javascript library for state management. It is not specific to react but works great with react. Let’s see how to setup Mobx…

View More How to setup Mobx with react context

Posts pagination

Previous page Page 1 Page 2 Page 3 Next page

Interesting stuff

Dev resources General

Ultimate Guide: Build A Mobile E-commerce App With React Native And Medusa.js

Ranjith kumar February 15, 2025 No Comments

Looking to build a mobile app with Medusa.js? This comprehensive guide walks you through creating a React Native Medusa mobile app from scratch. Whether you’re starting a new project…

Dev resources General

Free open source alternative to Notion along with AI

Ranjith kumar July 13, 2023 No Comments

Are you looking for an open-source alternative to Notion? Notion is a freemium productivity and note-taking web application developed by Notion Labs Inc. Here’s a…

Dev resources General

How to replace face in a video for free?

Ranjith kumar July 11, 2023 3 Comments

Do you want to replace a face with a deep fake? You’ve probably come across a few extensions for editing software and some online tools…

Dev resources General

6 Free authentication services for your next app

Ranjith kumar July 7, 2023 No Comments

Authentication is required in almost every app. Any app that requires a user to login needs an authentication service. These authentication services are also called…

UI inspiration of the day

UI School

Amazing AI slider created using javascript animations

Ranjith kumar July 10, 2023 No Comments

Check out this interesting animation made with GSAP (Green Sock animation platform). You can tap the slider and change the value but the AI robot…

Latest video

Ad

Coding is Love | Designed by: Theme Freesia | WordPress | © Copyright All right reserved