Coding Monks | Newton School
Coding Monks | Newton School
  • 522
  • 807 053
How to create Image Slider in ReactJS? | Coding Monks | Newton School
🔥𝐁𝐞𝐜𝐨𝐦𝐞 𝐀 𝐑𝐨𝐜𝐤𝐬𝐭𝐚𝐫 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫 🚀
Newton School's 𝐅𝐮𝐥𝐥 𝐒𝐭𝐚𝐜𝐤 𝐂𝐨𝐮𝐫𝐬𝐞 𝟐𝟎𝟐𝟐 -bit.ly/Gagan_up
Newton School Official WhatsApp Support Number: +91 6362 331 200
Register for CodeRush-X - bit.ly/Gagan_CR
CodeRush-X: the biggest competitive programming competition of India is here
Solve 8 question in 3 hours and win prizes worth ₹10,00,000
India’s premier competitive programming competition with more than 100,000 participants every year
Coders from 40+ countries across the globe
₹10 lakhs to be won in cash prizes
Placement opportunities for the top contestants.
------------------------------------------------------------------------------------
𝐍𝐞𝐰𝐭𝐨𝐧 𝐒𝐜𝐡𝐨𝐨𝐥 𝐎𝐟𝐟𝐢𝐜𝐢𝐚𝐥 𝐖𝐞𝐛𝐬𝐢𝐭𝐞
📌𝐖𝐞𝐛𝐬𝐢𝐭𝐞: bit.ly/NSYTWebsite
📌𝐃𝐢𝐬𝐜𝐨𝐫𝐝: bit.ly/youtube-discord
📌𝐋𝐢𝐧𝐤𝐞𝐝𝐈𝐧: bit.ly/NSYTLinkedin
📌𝐈𝐧𝐬𝐭𝐚𝐠𝐫𝐚𝐦: bit.ly/NSYTInstagram
📌𝐅𝐚𝐜𝐞𝐛𝐨𝐨𝐤: bit.ly/NSYTfacebook

-------- 𝐀𝐛𝐨𝐮𝐭 𝐍𝐞𝐰𝐭𝐨𝐧 𝐒𝐜𝐡𝐨𝐨𝐥 --------
🔵NEWTON SCHOOL is an online Edtech company providing the highest-rated Certificate Course in
-- Full-Stack Development - Certificate Course
-- Master's in Computer Science - MIA University
-- Master's in Data Science - IU University
for professionals, graduates, and women.
🌕Newton School is building a neo-university, it is also redirecting education towards a skill-oriented paradigm, wherein leading organizations and startups would be able to hire the right kind of talent in multiple organizational layers. With Newton School’s students already earning a cumulative salary of 100+ crores, Newton School will be able to en-skill and up-skill millions of tech careers and bring the conversation of employability to the podium of the world.
- - - - - - - - - - - - - -
If you're reading this far down, hello, you look nice today :)
🔵To watch more videos on programming, Data Structures, Android Development, Data Science, C++, Java, React, subscribe to our channel.
- - - - - - - - - - - - - -
If you're reading this far down, hello, you look nice today :)
#reactjs #createimageslider #reactjstutorial #NewtonSchool #NS #Fullstack #FSD #Datascience #MS #Postgrad #webdeveloper #programming #programmer #programmers #developer #coder #coders #coding #frontenddeveloper #backenddeveloper #html #softwaredeveloper #python
How to create Image Slider in ReactJS? | Coding Monks | Newton School
มุมมอง: 3 322

วีดีโอ

How to Handle double-click events in React | Coding Monks | Newton School
มุมมอง 816ปีที่แล้ว
🔥𝐁𝐞𝐜𝐨𝐦𝐞 𝐀 𝐑𝐨𝐜𝐤𝐬𝐭𝐚𝐫 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫 🚀 Newton School's 𝐅𝐮𝐥𝐥 𝐒𝐭𝐚𝐜𝐤 𝐂𝐨𝐮𝐫𝐬𝐞 𝟐𝟎𝟐𝟐 -bit.ly/Gagan_up Newton School Official WhatsApp Support Number: 91 6362 331 200 Register for CodeRush-X - bit.ly/Gagan_CR CodeRush-X: the biggest competitive programming competition of India is here Solve 8 question in 3 hours and win prizes worth ₹10,00,000 India’s premier competitive programming competition with more than ...
How to Map through an Object in React | Coding Monks | Newton School
มุมมอง 603ปีที่แล้ว
How to Map through an Object in React | Coding Monks | Newton School
How to Build a QR Code Generator in React | Coding Monks | Newton School
มุมมอง 211ปีที่แล้ว
How to Build a QR Code Generator in React | Coding Monks | Newton School
React JS Login Form with bootstrap Example | Coding Monks
มุมมอง 105ปีที่แล้ว
React JS Login Form with bootstrap Example | Coding Monks
15 JavaScript Projects You Can Build to Perfect Your Coding Skills(Part 2) | Coding Monks
มุมมอง 108ปีที่แล้ว
15 JavaScript Projects You Can Build to Perfect Your Coding Skills(Part 2) | Coding Monks
15 JavaScript Projects You Can Build to Perfect Your Coding Skills (Part 1) | Newton School
มุมมอง 112ปีที่แล้ว
15 JavaScript Projects You Can Build to Perfect Your Coding Skills (Part 1) | Newton School
JSON Stringify Example - How to Parse a JSON Object with JS | Coding Monks | Newton School
มุมมอง 101ปีที่แล้ว
JSON Stringify Example - How to Parse a JSON Object with JS | Coding Monks | Newton School
5 Cool GitHub Tricks to Make You Look Like A Senior Developer | Coding Monks | Newton School
มุมมอง 100ปีที่แล้ว
5 Cool GitHub Tricks to Make You Look Like A Senior Developer | Coding Monks | Newton School
JavaScript: Explore Different Types Of Console Methods | Coding Monks | Newton School
มุมมอง 46ปีที่แล้ว
JavaScript: Explore Different Types Of Console Methods | Coding Monks | Newton School
5 ES6 JavaScript Tricks to Make You a Better Programmer | Coding Monks | Newton School
มุมมอง 61ปีที่แล้ว
5 ES6 JavaScript Tricks to Make You a Better Programmer | Coding Monks | Newton School
Basic Front-end Interview Questions You Should Know About | Coding Monks | Newton School
มุมมอง 132ปีที่แล้ว
Basic Front-end Interview Questions You Should Know About | Coding Monks | Newton School
How to implement multiple file uploads in React? | Coding Monks | Newton School
มุมมอง 99ปีที่แล้ว
How to implement multiple file uploads in React? | Coding Monks | Newton School
6 Cool Useful JavaScript Coding Techniques That You Should Use | Coding Monks | Newton School
มุมมอง 37ปีที่แล้ว
6 Cool Useful JavaScript Coding Techniques That You Should Use | Coding Monks | Newton School
4 Different Examples of the useState Hook in React | Coding Monks | Newton School
มุมมอง 85ปีที่แล้ว
4 Different Examples of the useState Hook in React | Coding Monks | Newton School
How to Send an HTTP Post Request in JS JavaScript Post Request | Coding Monks | Newton School
มุมมอง 39ปีที่แล้ว
How to Send an HTTP Post Request in JS JavaScript Post Request | Coding Monks | Newton School
How to Use the Async-Await Syntax with Axios | Coding Monks | Newton School
มุมมอง 108ปีที่แล้ว
How to Use the Async-Await Syntax with Axios | Coding Monks | Newton School
How to Use local Storage with React Hooks to Set and Get Items | Coding Monks | Newton School
มุมมอง 282ปีที่แล้ว
How to Use local Storage with React Hooks to Set and Get Items | Coding Monks | Newton School
The JavaScript Concepts You Should Know Before Learning React | Coding Monks | Newton school
มุมมอง 90ปีที่แล้ว
The JavaScript Concepts You Should Know Before Learning React | Coding Monks | Newton school
Beautify Your GitHub Profile like a Pro | Coding Monks | Newton School
มุมมอง 233ปีที่แล้ว
Beautify Your GitHub Profile like a Pro | Coding Monks | Newton School
How to use Local Storage in JavaScript | Coding Monks | Newton School
มุมมอง 63ปีที่แล้ว
How to use Local Storage in JavaScript | Coding Monks | Newton School
How To Get a User's Location With JavaScript | Coding Monks | Newton School
มุมมอง 88ปีที่แล้ว
How To Get a User's Location With JavaScript | Coding Monks | Newton School
How to Host Your Website for Free with GitHub Pages | Coding monks | Newton School
มุมมอง 245ปีที่แล้ว
How to Host Your Website for Free with GitHub Pages | Coding monks | Newton School
How to Use Array and Object Destructuring in JavaScript | Coding Monks | Newton School
มุมมอง 62ปีที่แล้ว
How to Use Array and Object Destructuring in JavaScript | Coding Monks | Newton School
How to Copy Text to the Clipboard with JavaScript 😎| Copy to Clipboard using HTML,CSS & JavaScript
มุมมอง 201ปีที่แล้ว
How to Copy Text to the Clipboard with JavaScript 😎| Copy to Clipboard using HTML,CSS & JavaScript
6 GitHub Repositories every Developer should know | Coding Monks | Newton School
มุมมอง 103ปีที่แล้ว
6 GitHub Repositories every Developer should know | Coding Monks | Newton School
How To Build A Weather App With Javascript 😎 | Build A Weather App with JavaScript - Step By Step
มุมมอง 171ปีที่แล้ว
How To Build A Weather App With Javascript 😎 | Build A Weather App with JavaScript - Step By Step
How to Use Unsplash API in ReactJS Project | Coding Monks
มุมมอง 15Kปีที่แล้ว
How to Use Unsplash API in ReactJS Project | Coding Monks
How to Create a Countdown Timer with React Hooks | Coding Monks
มุมมอง 6Kปีที่แล้ว
How to Create a Countdown Timer with React Hooks | Coding Monks
How to Handle Data In React Components Using State And Props | Coding Monk
มุมมอง 104ปีที่แล้ว
How to Handle Data In React Components Using State And Props | Coding Monk

ความคิดเห็น

  • @HarshSharma-ut4ee
    @HarshSharma-ut4ee วันที่ผ่านมา

    update kase kare

  • @carcrew_1
    @carcrew_1 วันที่ผ่านมา

    thanks sir

  • @PurnaSam-iq5nj
    @PurnaSam-iq5nj 8 วันที่ผ่านมา

    Still I couldn’t get free domain😢 could you kindly help me

  • @yashsoni8043
    @yashsoni8043 16 วันที่ผ่านมา

    bhai bhai please ek cheez solve krdo please please -->> main express.js routing kr rha hu matlab /about pe jake ye ho OR /contact pe jake ye ho lekin mai chahta hu ki /about pe jake ek file run ho jo react ke andar public folder mai hai mai vo apne react web pe render krna chahta hu for ex-- const express = require('express') const http = require('http') const path = require('path') const app = express() const cors = require('cors'); app.use(cors()); app.get('/', (req,res)=> { res.sendfile(path.join(__dirname, '../home.html')) }) const server = http.createServer(app) server.listen(5000) lekin kya ho rha hai ki web pe mera backend ke through ye file nhi appear ho rhi hai lekin console mai ho rhi hai pr console mai puura boiler plate bhi aa rha hi matlab sab kuch hi print ho gya condole mai main body ka content nhi aaya YE ERROR HAI PLAESE BRO PLEASE ISKA SOLLUTION HAI TO BTADO =

  • @knowinfobymayur8957
    @knowinfobymayur8957 16 วันที่ผ่านมา

    Bhai react par frontend aur express par backend bana hai with mysql db toh firebase par deploy kaise hoga ?

  • @knowinfobymayur8957
    @knowinfobymayur8957 16 วันที่ผ่านมา

    Thanks Bhai keep it up 👍😀

  • @075_mmshahriarshakil2
    @075_mmshahriarshakil2 21 วันที่ผ่านมา

    where did u get the url???

  • @VisheshRaghav-o2e
    @VisheshRaghav-o2e 25 วันที่ผ่านมา

    Thankyou brother👍

  • @Shivamashish5236
    @Shivamashish5236 25 วันที่ผ่านมา

    Good one

  • @abdulqayyum7462
    @abdulqayyum7462 29 วันที่ผ่านมา

    Code visibility issue

  • @mrunknown_811
    @mrunknown_811 หลายเดือนก่อน

    thank you

  • @sanyamsharma350
    @sanyamsharma350 หลายเดือนก่อน

    Thank you Sooooooooooooooooooooooooooooooooooo much I was struggling for 10 days to implement this, now I did

  • @Programingwithsuresh
    @Programingwithsuresh หลายเดือนก่อน

    music api kese use kre or music kese download karte hai

  • @roshnirp9696
    @roshnirp9696 หลายเดือนก่อน

    Thankyou sir

  • @Aryanthepain
    @Aryanthepain 2 หลายเดือนก่อน

    how to post

  • @akashbag09
    @akashbag09 2 หลายเดือนก่อน

    Appreciate your efforts but getTime isn't even accepting a paramter how can you pass deadline to it

  • @HafizUmair-dm6yb
    @HafizUmair-dm6yb 2 หลายเดือนก่อน

    your video is very helpfull for me so I subscribed your channel and like your video

  • @ashvarygidian1996
    @ashvarygidian1996 2 หลายเดือนก่อน

    Thank You.

  • @ankitsainiofficial777
    @ankitsainiofficial777 3 หลายเดือนก่อน

    yes bro its really helpful

  • @Crystalgamer15
    @Crystalgamer15 3 หลายเดือนก่อน

    bhai thanks a lote very helpful

  • @manuelvaal1257
    @manuelvaal1257 3 หลายเดือนก่อน

    event.detail remains always 1. What could that be ?

  • @PrakashYadav-ur8or
    @PrakashYadav-ur8or 3 หลายเดือนก่อน

    Not up to the mark

  • @ntesla5
    @ntesla5 3 หลายเดือนก่อน

    Video is not clearly visible

  • @rinkikumaridubey7309
    @rinkikumaridubey7309 3 หลายเดือนก่อน

    sir I want to join Newton School but I don't have money and they are just taking money around 6k + how to do this course sir I will pay after the job

  • @aniketpotbhare389
    @aniketpotbhare389 3 หลายเดือนก่อน

    thanks a lot

  • @bluntify
    @bluntify 3 หลายเดือนก่อน

    bhai tu jake phele captcha ka full form padh le jake, agya gyan chodne

  • @MRSXAshraf
    @MRSXAshraf 4 หลายเดือนก่อน

    Thank

  • @Krishnaneeti
    @Krishnaneeti 4 หลายเดือนก่อน

    Really Helpful........Really Thanks

  • @sonalchouksey9908
    @sonalchouksey9908 4 หลายเดือนก่อน

    sir nhi aaya samaj

  • @sonalchouksey9908
    @sonalchouksey9908 4 หลายเดือนก่อน

    sir , yeh bilkul bhi nhi aaya hai samaj aur pass by refference bhi nhi aaya hai samajme

  • @khushiashta686
    @khushiashta686 4 หลายเดือนก่อน

    need a help with the (.jsx) file format in that we need a unique id if we want to map can anyone explain how can i do that?

  • @Arya20012
    @Arya20012 4 หลายเดือนก่อน

    are bhai ye to bata dete wo end point kaha se lana hai yhi to dekhne aaye the video me

  • @sarahassan-hs4jq
    @sarahassan-hs4jq 4 หลายเดือนก่อน

    Motherfucker its not clear .None of us can understand you

  • @Ak-fm1ms
    @Ak-fm1ms 4 หลายเดือนก่อน

    Vai api se data ko firebase me store kese kare ?

  • @deveshtembheker1315
    @deveshtembheker1315 5 หลายเดือนก่อน

    Dhanyawaad guru ❤

  • @vaibhavsaini2720
    @vaibhavsaini2720 5 หลายเดือนก่อน

    we can also use Faux API platform, which gives us a lot of space to store values in APis and access it anytime we want, without any limits

  • @shoaibshaikh8465
    @shoaibshaikh8465 5 หลายเดือนก่อน

    Please make a deployment video of this site

  • @nayabkhan7715
    @nayabkhan7715 5 หลายเดือนก่อน

    Bhaiya mai aapki api key use kar raha hu koi problem to nahi h aapko?

    • @nayabkhan7715
      @nayabkhan7715 5 หลายเดือนก่อน

      Meri limit khatam ho gayi thi aur project complete nahi hua tha isiliye

  • @prushtikathrotiya5362
    @prushtikathrotiya5362 5 หลายเดือนก่อน

    I got error in vs code in last minute of video please reply

  • @MajorArun-e9s
    @MajorArun-e9s 6 หลายเดือนก่อน

    Rfce not available

  • @rameshbhatt1989
    @rameshbhatt1989 6 หลายเดือนก่อน

    Thanks

  • @bhavyramani4456
    @bhavyramani4456 6 หลายเดือนก่อน

    thank you i was looking for this

  • @akashrajawat3676
    @akashrajawat3676 6 หลายเดือนก่อน

    Thanks this video was very helpful and this Cloudinary service is also very convenient !!

  • @rishiAura
    @rishiAura 6 หลายเดือนก่อน

    images ki jo path de rakha thi voh show nhi ho rhi deploy hone ke baad

  • @palakjain7612
    @palakjain7612 6 หลายเดือนก่อน

    After deploying my app is working with the link in my laptop but it is not able to fetch in another laptop it is not showing any error just it in not fetching anything

  • @human-being
    @human-being 6 หลายเดือนก่อน

    I learnt, but please upload a video when it is created properly, your internet connections and failure of transactions makes the video uncomplete and irritating. you should have edited the video and then upload.

  • @dipikshachourasiya9770
    @dipikshachourasiya9770 6 หลายเดือนก่อน

    import React, { useState } from 'react'; import { Box, Button, Grid } from '@mui/material'; const SideBar = () => { const[range,setRange]=useState("index"); const handleButtonClick = (index) => { const start = 1000 + (index * 100); const end = start + 99; // If you want to pass the range as a URL parameter // navigate(`/Home/${start}-${end}`); }; return( <> <Grid sx={{mt:17}} > <Button variant="contained" size='small' color='secondary'>GoldenWinLot </Button> </Grid> <Grid container spacing={{xs:2}}> {Array.from(Array(10)).map((_, index) => ( <Grid item md={10} key={index} sx={{mt:2,mx:1}} > <Button variant="contained" onClick={() => handleButtonClick("index")} color='inherit' > {1000 + (index*100)} - {1000 + (index*100) + 99} </Button> </Grid> ))} </Grid> </> ); } export default SideBar; import React,{useState} from 'react'; import { TextField,Grid,Box } from '@mui/material'; const Home = () => { const [range,setRange]=useState(""); return( <> <Box sx={{mt:-89,ml:18,display:'flex'}}> <Grid container spacing={{ md:4}} columns={{ md: 10 }} > {Array.from(Array(100)).map((_, index) => ( <Grid item md={1} key={index}> <label>{1000 + (range * 100) + index}</label> <br/> <TextField sx={{ width:85, height:15}}/> </Grid> ))} </Grid> </Box> </> ) } export default Home; ye 2 pages h jisme sidebar k button ko click krne par home page k content change hona chahiye button click k according so plz helpppppppp

  • @sunilsingh5593
    @sunilsingh5593 6 หลายเดือนก่อน

    Bhai yar bina npm start ke koi bhi mera project dekh sake agar use mai apna project link duu to ye kaise hoga bata do plz

  • @rohanvankar1466
    @rohanvankar1466 7 หลายเดือนก่อน

    bhai ek sidebar vale template par bhi video banao

  • @code-java
    @code-java 7 หลายเดือนก่อน

    Thank u sir ..