ACTIVE ADMIN-CRUD

-

Comments

Post a Comment

Popular posts from this blog

Adding Auto Address from google map in registration form

-
Adding Auto Fill Address Form on Users registration form: HTML: <div class="col-lg-12">         <div id="locationField">           <input id="autocomplete" name="event[address]" placeholder="*Enter your address", required= "true"  />         </div>       </div>       <table id="address">         <div class="col-md-6 col-sm-12">           <fieldset>             <%= f.text_field :city, placeholder: "*Your City", id: "locality" %>           </fieldset>         </div>         <div class="col-md-6 col-sm-12">           <fieldset>             <%= f.text_field :state, placeholder: "*Your State"...
Read more

Build a CRUD App in React

-
Image
Create React App We'll start by installing the project with  create-react-app  (CRA) npx create-react-app react-hooks Then run  npm i . Now you're all set with the React. Initial Setup Let's start off by clearing out all the files from the boilerplate we don't need. Delete everything from the  /src  folder except  App.js ,  index.js , and  index.css . In  index.js , we'll simplify it by removing the references to Service Workers. index.js import React from 'react' import ReactDOM from 'react-dom' import './index.css' import App from './App' ReactDOM . render ( < App /> , document . getElementById ( 'root' ) ) And in  App.js , I'll make a simple, functional component for  App  instead of a class. App.js import React from 'react' const App = ( ) => { return ( < div className = " container " > < h1 > CRUD App ...
Read more