React Js Snippets

React Hook form with bootstrap

May 23, 2020September 1, 20210

App.jsindex.jsMainRoute.jsSignIn.jsRegister.jsSignIn.cssApp.js import React from 'react'; import './App.css'; import MainRoute from './Login/MainRoute'; function App() { return ( <div className="container-fluid" style={{background:'url(https://images.pexels.com/photos/1335115/pexels-photo-1335115.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=450&w=740)', backgroundPosition:'center', backgroundSize:'cover', backgroundRepeat:'no-repeat'}}> <div className="row vh-100 …

React hook form validation

May 23, 2020May 24, 20200

App.jsindex.jsNavmenu.jsMainRouteSignIn.jsRegister.jsSignIn.cssApp.js import React from 'react'; import './App.css'; import MainRoute from './Login/MainRoute'; import NavMenu from './Login/Navmenu'; function App() { return ( <div className="container-fluid"> <div className="row"> <div …

React router example

April 28, 2020May 22, 20200

A simple React Router example in this example we've 3 pages handled by the router, run the following code snippets. It enables the navigation among …

Toggle effect with react js

April 28, 2020May 21, 20200

App.jsApp.js import React, { Component } from 'react'; import { render } from 'react-dom'; class App extends Component { state={ showContent:false, } toggleName=()=>{ const doesShow …