React Shots

Photo by Artem Sapegin on Unsplash

Switch To Routes

In React Router V6 they have introduced Routes which is a very clear way of specifying routes in your application

import { BrowserRouter, Routes, Route, Link } from 'react-router-dom';

function App() {
return (
<BrowserRouter>
<Routes>
<Route path="/" element={<Home />} />
<Route path="users/*" element={<Users />} />
</Routes>
</BrowserRouter>
);
}

useRoutes


I am not good code reviwer . I am still learning the things and will continue to do it until I am in programming

The way we write code

When we write some piece of code it takes time dedication for us to come up with that code as result we are always proud of…


Inspirations: https://dribbble.com/shots/16496304-Fitness-App-Running-Tracker

Follow us more such shorts

The Code is

import { FontAwesome } from "@expo/vector-icons";
import { LinearGradient } from "expo-linear-gradient";
import React from "react";
import {
View,
Text,
ImageBackground,
StyleSheet,
useWindowDimensions,
Button,
Pressable,
} from "react-native";

const HomeScreen = () => {
const { height…


EXPLAIN SERIES

Rise of let

The variables declared with the var keyword are shared across the whole function. update to one leads to update to all instances


EXPLAIN SERIES

As we can see variables declared with the var keyword are not accessible outside of the function


Photo by Kind and Curious on Unsplash

Before starting I want to let you know that this is something I really experienced in my journey

Want to break the clock

we might have heard of this reason a lot that I want to be my own boss I don't want to work for a 9–5 job

Believe me, a 9–5 job is…


React Native Moti

import { Feather } from '@expo/vector-icons';
import { MotiView, motify, MotiText, AnimatePresence, useAnimationState } from 'moti';
import React, { useEffect, useState } from 'react'
import { View, Text, useWindowDimensions, Pressable } from 'react-native'
import { FontAwesome5 } from '@expo/vector-icons';
const MotiIcon = motify(Feather)();
const MotiFAIcon = motify(FontAwesome5)();
const MDetailView…

Neeraj Dana

Experienced Software Engineer with a demonstrated history of working in the information technology and services industry. Skilled in Angular,React,React-Native,

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store