JS Solutions
JS Solutions
  • Видео 139
  • Просмотров 727 277
Send Emails In React And NodeJS
Learn to send emails in ReactJS and NodeJS using nodemailer
If you want to support me with a donation🎁
Buy me a coffee: www.buymeacoffee.com/anwarhamzat
If you have any issues you can contact me:
LinkedIn: www.linkedin.com/in/hamza-anwar75/
Instagram: humzaanwar74
For paid projects, contact me
Email: anwarhamza919@gmail.com
Fiverr: www.fiverr.com/hamzawebdev75
Upwork: www.upwork.com/freelancers/~01717a04c3fe860c54
If you have any issues you can contact me:
LinkedIn: www.linkedin.com/in/hamza-anwar75/
Instagram: humzaanwar74
For paid projects, contact me
Email: anwarhamza919@gmail.com
Fiverr: www.fiverr.com/hamzawebdev75
Upwork: www.upwork.com/freelancers/~01717a04c3fe860c54
S...
Просмотров: 41

Видео

React Carousel With Auto Slide Effect And Progress Timer
Просмотров 2528 дней назад
A custom react carousel component containing images and videos. It has an automatic slide change feature, and each slide has a predefined duration. When the duration ends, the slide changes. Source Code: github.com/HamzaAnwar1998/react-video-image-slideshow If you want to support me with a donation🎁 Buy me a coffee: www.buymeacoffee.com/anwarhamzat If you have any issues you can contact me: Lin...
React Coding Interview Challenges #1 - Create a custom react hook that fetches users from an API
Просмотров 129Месяц назад
In this video series, we will solve potential react coding interview challenges. In this part, we will create a custom react hook to fetch users from an API and display their pictures and names. The custom hook will return a list of users, the current user, and the functions to go to the next user and move back to the previous user. Source Code: github.com/HamzaAnwar1998/IteratorTest If you wan...
React Redux Toolkit API CRUD Post and Patch Request #2 Create And Update Data
Просмотров 1192 месяца назад
In this two-part video series, you will learn about performing CRUD operations on a dataset retrieved from an API in a React Redux Application In this part, we add and update users through API calls using Post and Patch requests. We are also managing the user's table in real-time by managing our states in extraReducers. Source Code: github.com/HamzaAnwar1998/react-redux-api-crud If you want to ...
React Redux API CRUD #1 Read And Delete Data
Просмотров 4042 месяца назад
In this two-part video series, you will learn about performing CRUD operations on a dataset retrieved from an API in a React Redux Application. Source Code: github.com/HamzaAnwar1998/react-redux-api-crud/tree/tutorial If you want to support me with a donation🎁 Buy me a coffee: www.buymeacoffee.com/anwarhamzat If you have any issues you can contact me: LinkedIn: www.linkedin.com/in/hamza-anwar75...
ElectronJS Autoupdates using Electron Builder And GitHub Releases
Просмотров 1324 месяца назад
GitHub: github.com/HamzaAnwar1998/bookmark-app Do you guys want a full tutorial on creating a desktop application with vite-react-electron with an auto-updates feature? Tell me in the comments. If you need to discuss anything, contact me: LinkedIn: www.linkedin.com/in/hamza-anwar75/ Instagram: humzaanwar74 Email: anwarhamza919@gmail.com
Interactive Emoji Reactions Similar To Google Meet With React CSS And JavaScript
Просмотров 945 месяцев назад
This project's inspiration was from Rodrigo Antunes, who not only developed the original project in HTML, CSS, And Vanilla JavaScript but also wrote an article about it. I modified his project to use emojis from `API Ninja` and used the React framework Original Project: dev.to/rodrigoantunes/creating-interactive-reactions-like-google-meet-with-html-css-and-vanilla-javascript-5213 Source Code: g...
React T-Shirt And Mug Customizer App
Просмотров 2595 месяцев назад
This ReactJS T-Shirt and Mug customizer app is created for fun and learning purpose. In this tutorial, you will get to explore various react libraries like React Drag and Drop, html2canvas and you will also get to play with Unsplash API with a debounced search effect to be able to search for your favourite photos and not restricted to only a limited set of photos In this app, we have 3 tabs, Te...
How to use Unsplash Blurhash Placeholders in a React Component
Просмотров 2385 месяцев назад
In this tutorial, I will show you that how you can show a blurred preview of your image before the image actually loads. We are going to use the Unsplash's Blurhash strings to achieve that. Buy me a coffee: www.buymeacoffee.com/anwarhamzat
How to implement search functionality in pexels API with debounce effect
Просмотров 616 месяцев назад
Learn how to implement debounce in a search functionality. Debounce is a technique by which we can stop the execution of a code for a certain period. Input handle change event executes when a user starts typing in a field until the user stops. So, in a situation like this, we can not hit any API or start any async process. Debounce is a way to get rid of this problem. In this video, I have impl...
Image Gallery With React And Pexels API | Implement Pagination With API
Просмотров 2236 месяцев назад
Let's build an Image Gallery With React and Pexels API. We are also going to implement pagination GitHub: github.com/HamzaAnwar1998/pexels-img-gallery Buy me a coffee: www.buymeacoffee.com/anwarhamzat
Ecommerce Store With React, Redux Toolkit And Firebase #4 - User SignUp With Firebase
Просмотров 1966 месяцев назад
In this video, we will sign up users with Firebase as a backend authentication service. #createUserWithEmailAndPassword #firebaseauth #ecommercewebsite Source Code: github.com/HamzaAnwar1998/ecommerce-app-tutorial/tree/lesson-4 Buy me a coffee: www.buymeacoffee.com/anwarhamzat Firebase Social Authentication: ruclips.net/video/wGCHeYpUbh4/видео.html
User Account Dropdown Menu With React Hooks And CSS | Detect Outside Click | Get User's Initials
Просмотров 2036 месяцев назад
In this video, I have shown how you can create a custom user account dropdown menu using react hooks and css, the dropdown will be closed when click outside of it. I will also show you how you can get the user's initials from the user's full name For Example: Hamza Anwar = HA, Hamza = H Buy me a coffee: www.buymeacoffee.com/anwarhamzat
React User Authentication Made Easy With Appwrite
Просмотров 2046 месяцев назад
React User Authentication Made Easy With Appwrite
Appwrite Auth With React #1 - Intro to Appwrite Auth and App Demo
Просмотров 737 месяцев назад
Appwrite Auth With React #1 - Intro to Appwrite Auth and App Demo
Cache Busting a React App
Просмотров 1,3 тыс.7 месяцев назад
Cache Busting a React App
Ecommerce Store With React, Redux Toolkit And Firebase #3 - Create UI And Display Products
Просмотров 2057 месяцев назад
Ecommerce Store With React, Redux Toolkit And Firebase #3 - Create UI And Display Products
Ecommerce Store With React, Redux Toolkit And Firebase #2 - Get Products From FakeStore API
Просмотров 1777 месяцев назад
Ecommerce Store With React, Redux Toolkit And Firebase #2 - Get Products From FakeStore API
Ecommerce Store With React, Redux Toolkit And Firebase #1 - Intro And Create Vite Project
Просмотров 3937 месяцев назад
Ecommerce Store With React, Redux Toolkit And Firebase #1 - Intro And Create Vite Project
Redux Persistent User Login through API Call and Redux Toolkit
Просмотров 2,2 тыс.7 месяцев назад
Redux Persistent User Login through API Call and Redux Toolkit
View PDF file from API response in React 2024
Просмотров 4,5 тыс.8 месяцев назад
View PDF file from API response in React 2024
Decode API error response from arraybuffer in JavaScript
Просмотров 728 месяцев назад
Decode API error response from arraybuffer in JavaScript
React Redux Toolkit Weather Forecast App Using OpenWeather API
Просмотров 1,8 тыс.9 месяцев назад
React Redux Toolkit Weather Forecast App Using OpenWeather API
Download PDF using React Redux
Просмотров 472Год назад
Download PDF using React Redux
React Auto Suggestions from API Tutorial
Просмотров 240Год назад
React Auto Suggestions from API Tutorial
Animated Toggle Button/Switch using CSS
Просмотров 201Год назад
Animated Toggle Button/Switch using CSS
Upload and View Excel Files In React
Просмотров 23 тыс.Год назад
Upload and View Excel Files In React
Implement User Login through an API call using React and Redux Toolkit
Просмотров 37 тыс.Год назад
Implement User Login through an API call using React and Redux Toolkit
React Redux Toolkit & Firestore V9 Tutorial Booklist App CRUD #4 Update Books
Просмотров 514Год назад
React Redux Toolkit & Firestore V9 Tutorial Booklist App CRUD #4 Update Books
React Redux Toolkit & Firestore V9 Tutorial Booklist App CRUD #3 Delete & Clear All Books
Просмотров 468Год назад
React Redux Toolkit & Firestore V9 Tutorial Booklist App CRUD #3 Delete & Clear All Books

Комментарии

  • @huyhai922
    @huyhai922 4 дня назад

    thank you bro

  • @yughiole7088
    @yughiole7088 5 дней назад

    when you refresh, all state on redux will lose, i doing feat login and i trying solution for this my problem hiccc :((

    • @JSSolutions
      @JSSolutions 5 дней назад

      Use redux persist login

    • @yughiole7088
      @yughiole7088 3 дня назад

      @@JSSolutions Thanks you, but i feel redux persist config quite complicated, do you doing video about it? (my english is no good kkk 🤣🤣)

  • @slingshot7602
    @slingshot7602 13 дней назад

    And isn't there any other library because this library has around thousands of version and why it uses an API, isn't there any native or local library which won't use any of API and also provide functionalities like go to a specific page and can do highlighting. react-pdf and pdfjs-dist has many issues

  • @eduardostamm7416
    @eduardostamm7416 18 дней назад

    I'm curious about your approach-why are you setting local state with data from localStorage? Would it be more efficient to use selectors to access the data directly from userSlice and then update it using reducers with dispatch? Storing state data in localStorage is typically useful for persisting state across browser refreshes(redux-persist is a good library to simplify it), so I'm wondering if that's the intent here. Also, for the hostName, using environment variables might be a simpler and more flexible solution instead of saving it in a separate file.

    • @JSSolutions
      @JSSolutions 17 дней назад

      Yes, I have another video on redux persist, and u r right about environment variables too

    • @eduardostamm7416
      @eduardostamm7416 17 дней назад

      @@JSSolutions great video btw. Keep it up!

  • @milan-hs3vr
    @milan-hs3vr 26 дней назад

    Damn the best soluion so far.

  • @HassanCodeLife
    @HassanCodeLife 29 дней назад

    Really helpful bro keep it up. Appreciated 🥰

  • @unlimitedentertainment4506
    @unlimitedentertainment4506 29 дней назад

    Mashaallah Bahot acche se samjhaya hai aapne

  • @awad2226
    @awad2226 29 дней назад

    hey. thank you so much on your work. it worked for me. but do note in the future, some people might have the error: The API version "x.x.xxxx" does not match the Worker version "2.9.359". to fix this, just npm install the version "2.9.359"

  • @bojantrajkovski406
    @bojantrajkovski406 Месяц назад

    why you using then in axios?

  • @icodedreams
    @icodedreams Месяц назад

    😊 Thank you,

  • @intenseandrelaxed
    @intenseandrelaxed Месяц назад

    Bro how to send the excel buffer data to the Api?

    • @JSSolutions
      @JSSolutions Месяц назад

      there is a JavaScript method available for Creating array buffer

  • @Migueldoprado27
    @Migueldoprado27 Месяц назад

    Muito bom o tutorial mas fiquei confuso, tem como eu customizar o tooltip? tipo mudar o tamanho da fonte, o background etc...

    • @JSSolutions
      @JSSolutions Месяц назад

      Yes, I have done it before. You can either give it a custom class and add styles or you can inspect the element and try changing the styles there

  • @tannpv
    @tannpv Месяц назад

    Great tutorial

  • @shreyanshsrivastava00
    @shreyanshsrivastava00 Месяц назад

    I have been encountering with one issue that is I cannot see the users logged in firebase. Please tell any fix to this

    • @ratansharma8026
      @ratansharma8026 3 дня назад

      one alternative is to manually write code to capture and save the email somewhere in a database or json file

  • @faisalnaeem3740
    @faisalnaeem3740 Месяц назад

    hey sir can u share me how to show todo list which we deleted??

    • @JSSolutions
      @JSSolutions Месяц назад

      You can store the deleted items in a separate array

  • @pablo8896
    @pablo8896 Месяц назад

    Love you so much

  • @harshithsshetty007
    @harshithsshetty007 2 месяца назад

    Itna simple project tha bhai file itna kyu create kiya

  • @tejasjani2544
    @tejasjani2544 2 месяца назад

    nice but, but this will not work in real-world problems , pdf should be selectable. but in your solution pdf download as image pdf.

    • @JSSolutions
      @JSSolutions 2 месяца назад

      You mean selecting a portion of jsx or what?

  • @sanjayvanjara1384
    @sanjayvanjara1384 2 месяца назад

    nice bhai

  • @haiderjaafer8164
    @haiderjaafer8164 2 месяца назад

    Great work... If you wort in nextjs that's will be better

  • @mahjabeenahmed4647
    @mahjabeenahmed4647 2 месяца назад

    Wonderful

  • @Smashi_World
    @Smashi_World 2 месяца назад

    Bro you havn't use firebase for cart 😢

    • @JSSolutions
      @JSSolutions 2 месяца назад

      You can try the below playlist, firebase firestore is used for cart ruclips.net/video/adLBobQiWhg/видео.html&pp=gAQBiAQB

  • @iftekherhossen7714
    @iftekherhossen7714 2 месяца назад

    Thank you broo, You saved me.

  • @cashmastery361
    @cashmastery361 2 месяца назад

    the best so far on this topic. thank you so much

  • @JohnDoe-to8vr
    @JohnDoe-to8vr 2 месяца назад

    is putting all the user data in the localStorage safe ?

  • @developing_pain
    @developing_pain 2 месяца назад

    11:49 lets go

  • @mousaahmed6689
    @mousaahmed6689 2 месяца назад

    thank you, bro, i wish Allah would bless you ,i want you to find Islam way to go ganah

  • @surajmohite1441
    @surajmohite1441 3 месяца назад

    Helped a lot tysm ❤

  • @idris2244
    @idris2244 3 месяца назад

    can u show me the response or tutorial to build the api bro? i want to make api that send pdf too

  • @fatmaalila7030
    @fatmaalila7030 3 месяца назад

    tu peux nous donner le code source ?

  • @RahulAgarwal-yt5sd
    @RahulAgarwal-yt5sd 3 месяца назад

    the local host is on http then

  • @user-sd4pq1dw9g
    @user-sd4pq1dw9g 3 месяца назад

    thank you!!!

  • @AvdheshKumar-sm5hl
    @AvdheshKumar-sm5hl 3 месяца назад

    Very helpful

  • @Mardo716
    @Mardo716 3 месяца назад

    There is a problem when using the name of the photo because if you upload a photo with the same name it is deleted

  • @rutujaruke2452
    @rutujaruke2452 3 месяца назад

    Helpful 👍 Thank you

  • @bossburnz2474
    @bossburnz2474 3 месяца назад

    How do I make a product list with it, but using Expo Go on Android with Firebase? Please reply asap; it's for my school project.

  • @braintricker_soft
    @braintricker_soft 3 месяца назад

    why react thunk if i can login user from component and set user into localstorage

    • @JSSolutions
      @JSSolutions 3 месяца назад

      You can use components but if u need to separate auth logic then use redux async thunk

  • @mohamedsameh1903
    @mohamedsameh1903 3 месяца назад

    awesome

  • @muzammil467
    @muzammil467 3 месяца назад

    lvl

  • @Current_Affairs_Hindi
    @Current_Affairs_Hindi 3 месяца назад

    Plz upload more videos like this.. and plz increase the complexity level and realtime projects. 😊 Thanks in advance 🙏

  • @Current_Affairs_Hindi
    @Current_Affairs_Hindi 3 месяца назад

    Best video with best explanation ❤

  • @acemonte7258
    @acemonte7258 4 месяца назад

    import { defaultLayoutPlugin } from './component/@react-pdf-viewer/default-layout'; This says it's no longer supported. Is there any other way for this?

    • @JSSolutions
      @JSSolutions 4 месяца назад

      I don't really remember, reading the docs might help

  • @laibazeenat02
    @laibazeenat02 4 месяца назад

    when we send request for city search it is giving 401 unauthorized key error.........y it is showing this error?

    • @JSSolutions
      @JSSolutions 4 месяца назад

      Are you using your own valid key?

  • @jeevanbgowda2003
    @jeevanbgowda2003 4 месяца назад

    Hi!.... I've got ur code and it's running perfectly but can u tell me how to integrate into another project I've created a button but I'm unable to link this project to that Can you please help me with that.

    • @JSSolutions
      @JSSolutions 4 месяца назад

      How do you want to link it as I don't remember having a live link?

  • @gokuu_427
    @gokuu_427 4 месяца назад

    this is working but the logo is not rendered when i generate to pdf.any idea why is it happening??

    • @JSSolutions
      @JSSolutions 4 месяца назад

      Check in console if your getting an CORS error

  • @osamaxz5720
    @osamaxz5720 4 месяца назад

    you saved me bro thanks

  • @anshjindal2230
    @anshjindal2230 4 месяца назад

    Sir the createStore function is not available now can you suggest an alternative

    • @JSSolutions
      @JSSolutions 4 месяца назад

      Use redux toolkit npm i @reduxjs/toolkit And use configureStore instead of createStore

  • @AsinaA-jh2be
    @AsinaA-jh2be 4 месяца назад

    When i host my react project with form data to google sheet anything have to do more?

  • @NuXp07
    @NuXp07 4 месяца назад

    Do we have to change the version in package file each time we deploy?

    • @samrad6508
      @samrad6508 2 месяца назад

      That's what i'm thinking. should we change it manually? because it definitely does not change by itself

  • @gajanankanekar9118
    @gajanankanekar9118 4 месяца назад

    Very good information. How to display the imported excel data in react table format instead of sheet.