![JS Solutions](/img/default-banner.jpg)
- Видео 139
- Просмотров 727 277
JS Solutions
Пакистан
Добавлен 4 апр 2016
JS Solutions is a channel for learning ReactJS, Redux, Firebase, JavaScript Programmatic Solutions, and Responsive Website Design.
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...
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
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
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
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
thank you bro
when you refresh, all state on redux will lose, i doing feat login and i trying solution for this my problem hiccc :((
Use redux persist login
@@JSSolutions Thanks you, but i feel redux persist config quite complicated, do you doing video about it? (my english is no good kkk 🤣🤣)
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
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.
Yes, I have another video on redux persist, and u r right about environment variables too
@@JSSolutions great video btw. Keep it up!
Damn the best soluion so far.
Really helpful bro keep it up. Appreciated 🥰
Mashaallah Bahot acche se samjhaya hai aapne
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"
doesn't work either
why you using then in axios?
😊 Thank you,
Bro how to send the excel buffer data to the Api?
there is a JavaScript method available for Creating array buffer
Muito bom o tutorial mas fiquei confuso, tem como eu customizar o tooltip? tipo mudar o tamanho da fonte, o background etc...
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
Great tutorial
I have been encountering with one issue that is I cannot see the users logged in firebase. Please tell any fix to this
one alternative is to manually write code to capture and save the email somewhere in a database or json file
hey sir can u share me how to show todo list which we deleted??
You can store the deleted items in a separate array
Love you so much
Itna simple project tha bhai file itna kyu create kiya
Redux use krte he to yhi hota he
nice but, but this will not work in real-world problems , pdf should be selectable. but in your solution pdf download as image pdf.
You mean selecting a portion of jsx or what?
nice bhai
Great work... If you wort in nextjs that's will be better
Wonderful
Bro you havn't use firebase for cart 😢
You can try the below playlist, firebase firestore is used for cart ruclips.net/video/adLBobQiWhg/видео.html&pp=gAQBiAQB
Thank you broo, You saved me.
the best so far on this topic. thank you so much
is putting all the user data in the localStorage safe ?
11:49 lets go
thank you, bro, i wish Allah would bless you ,i want you to find Islam way to go ganah
Helped a lot tysm ❤
can u show me the response or tutorial to build the api bro? i want to make api that send pdf too
tu peux nous donner le code source ?
the local host is on http then
thank you!!!
Very helpful
There is a problem when using the name of the photo because if you upload a photo with the same name it is deleted
Helpful 👍 Thank you
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.
why react thunk if i can login user from component and set user into localstorage
You can use components but if u need to separate auth logic then use redux async thunk
awesome
lvl
Plz upload more videos like this.. and plz increase the complexity level and realtime projects. 😊 Thanks in advance 🙏
I will try my best
Best video with best explanation ❤
Thanks a lot 😊
import { defaultLayoutPlugin } from './component/@react-pdf-viewer/default-layout'; This says it's no longer supported. Is there any other way for this?
I don't really remember, reading the docs might help
when we send request for city search it is giving 401 unauthorized key error.........y it is showing this error?
Are you using your own valid key?
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.
How do you want to link it as I don't remember having a live link?
this is working but the logo is not rendered when i generate to pdf.any idea why is it happening??
Check in console if your getting an CORS error
you saved me bro thanks
Sir the createStore function is not available now can you suggest an alternative
Use redux toolkit npm i @reduxjs/toolkit And use configureStore instead of createStore
When i host my react project with form data to google sheet anything have to do more?
I guess, No
Is there any limits?
Do we have to change the version in package file each time we deploy?
That's what i'm thinking. should we change it manually? because it definitely does not change by itself
Very good information. How to display the imported excel data in react table format instead of sheet.