Posts

Showing posts with the label web development

ReactJS - Keys

Image
Keys avail React identify which items have transmuted, are integrated, or are abstracted. Keys should be given to the elements inside the array to give the elements a stable identity. For more topics, click below link: React JS Setup, Installation, and First React Project :  part 1 ReactJS - JSX :  part 2 ReactJS - Components :  part 3 ReactJS - State and Props :  part 4 ReactJS - Component API : part 5 ReactJS - Events  :  part 6 Reactjs - Form :  part 7 ReactJS - Bootstrap - Buttons : part 8 ReactJS - Bootstrap - Table : part 9 ReactJS - Keys : part 10 CRUD React J+Node JS+Express+MongoDB CRUD:MERN Stack development  Kotlin + Spring Boot + React JS + MongoDB CRUD - Full stack development React JS+SpringBoot+RDBMS-CRUD:Full-stack development foundation React.js + Python + MongoDB CRUD application Example:   import React from 'react' ; class App extends React.Component { constructor() { super(); this .state = { data: [ {
Read more

ReactJS - Bootstrap - Table

Image
Let us create a new React app  https://www.knowledgefactory.net/2020/12/react-js-setup-installation-and-first_27.html For more topics, click below link: React JS Setup, Installation, and First React Project :  part 1 ReactJS - JSX :  part 2 ReactJS - Components :  part 3 ReactJS - State and Props :  part 4 ReactJS - Component API : part 5 ReactJS - Events  :  part 6 Reactjs - Form :  part 7 ReactJS - Bootstrap - Buttons : part 8 ReactJS - Bootstrap - Table : part 9 ReactJS - Keys : part 10 CRUD React J+Node JS+Express+MongoDB CRUD:MERN Stack development  Kotlin + Spring Boot + React JS + MongoDB CRUD - Full stack development React JS+SpringBoot+RDBMS-CRUD:Full-stack development foundation React.js + Python + MongoDB CRUD application After engendering the React app, the best way to install Bootstrap is via the npm package. To install Bootstrap, navigate to the React app folder, and run the following command. $ npm install react-bootstrap bootstrap --save Example: Dark Table Use the stri
Read more

ReactJS - Bootstrap - Buttons

Image
Bootstrap is a free and open-source front-end development framework for the creation of websites and web apps. It is a free and open-source project, hosted on GitHub, and originally engendered by Twitter.  Let us create a new React app - click here After engendering the React app, the best way to install Bootstrap is via the npm package. To install Bootstrap, navigate to the React app folder, and run the following command. $ npm install react-bootstrap bootstrap --save Example import React from 'react' ; import Button from 'react-bootstrap/Button' ; import 'bootstrap/dist/css/bootstrap.min.css' ; class App extends React.Component { render() { return ( <div> <> <Button variant = "primary" > Primary </Button> { ' ' } <Button variant = "secondary" > Secondary </Button> { ' ' } <Butto
Read more