- Видео 89
- Просмотров 1 325 471
CodeWithAamir
Пакистан
Добавлен 20 мар 2021
CodeWithAamir channel is about teaching web development using top most languages like JavaScript, most popular web development framework ReactJS using best UI libraries like Ant Design.
I started this channel to teach web development in a very simplified way and trying coding along with you and explaining different Ant Design UI library components along with other helping libraries like axios, chartjs and react hooks etc. Live coding builds more confidence in web developers when they see things are happening visually in their front.
I am coding from more than a decade and started teaching my colleagues, friends and whoever comes to my channel from the whole world based on my coding experience, just to make it more simplified and make you a smart web developer!
Happy Coding!
I started this channel to teach web development in a very simplified way and trying coding along with you and explaining different Ant Design UI library components along with other helping libraries like axios, chartjs and react hooks etc. Live coding builds more confidence in web developers when they see things are happening visually in their front.
I am coding from more than a decade and started teaching my colleagues, friends and whoever comes to my channel from the whole world based on my coding experience, just to make it more simplified and make you a smart web developer!
Happy Coding!
Build a One-on-One and Group Chat App using React JS and ZEGOCLOUD Chat API | In App Live Chat
#zegocloud #chatsdk #chatapp #chatapi #reactjs
Get ZEGOCLOUD chat SDK for 10,000 free mins: bit.ly/42edwTU
Learn about ZEGOCLOUD chat SDK: bit.ly/3N0FVs9
Best Twilio alternative - ZEGOCLOUD: bit.ly/45A0BOU
Top 10 chat APIs for your app: bit.ly/45y94SK
ZEGOCLOUD chat SDK allows you to easily build your chat apps with flutter within minutes.
In this video tutorial I have explained how to Build a One-on-One and Group Chat App using React JS and ZEGOCLOUD Chat APIs
This video focuses on
- How build a One on One live chat App using React JS and ZEGOCLOUD
- How to create a simple replica of Whatsapp in react js
- How to create account on ZEGOCLOUD and earn free minutes
- How to integrate ZEGOCLOUD npm pa...
Get ZEGOCLOUD chat SDK for 10,000 free mins: bit.ly/42edwTU
Learn about ZEGOCLOUD chat SDK: bit.ly/3N0FVs9
Best Twilio alternative - ZEGOCLOUD: bit.ly/45A0BOU
Top 10 chat APIs for your app: bit.ly/45y94SK
ZEGOCLOUD chat SDK allows you to easily build your chat apps with flutter within minutes.
In this video tutorial I have explained how to Build a One-on-One and Group Chat App using React JS and ZEGOCLOUD Chat APIs
This video focuses on
- How build a One on One live chat App using React JS and ZEGOCLOUD
- How to create a simple replica of Whatsapp in react js
- How to create account on ZEGOCLOUD and earn free minutes
- How to integrate ZEGOCLOUD npm pa...
Просмотров: 2 679
Видео
Build a One on One Video Call App using React JS and ZEGOCLOUD | React Video Chat
Просмотров 4,7 тыс.Год назад
#zegocloud #videocall #reactjs Sign up for 10,000 free mins: bit.ly/40FHiAi Find out more about ZEGOCLOUD: bit.ly/40DRCZL How to make video call app: bit.ly/3FPTois In this video tutorial I have explained how to build a One on One Video Call App using React JS and ZEGOCLOUD (An SDK which allows you to easily build your live video chat apps within minutes.) This video focuses on - How build a On...
Export JSON to CSV File in React JS | Download JSON Objects as CSV File using Javascript
Просмотров 6 тыс.Год назад
#reactjs #download #json #codewithaamir In this video tutorial I have explained How to export JSON to CSV File in React JS app or how to download JSON Objects as CSV File using Javascript This video focuses on - How to export JSON to CSV File in React JS app - How to download JSON Objects as CSV File using Javascript - How to Download CSV File in Browser From Array of Objects or JSON Data - How...
Upload File inside a Form using Ant Design and ReactJS | Prevent Form Submitting Without a File
Просмотров 11 тыс.Год назад
#reactjs #antd #form #fileupload #codewithaamir In this video tutorial I have explained how to upload file inside a form using Ant Design and React JS and also shown how to prevent form from submitting without a file selection, how to add form validation for upload, how to reject large file uploads. This video focuses on - How to upload file inside a form using Ant Design and React JS - How to ...
File Upload using Ant Design and ReactJS | Get Upload Remaining Time and Show in Custom Progress Bar
Просмотров 11 тыс.Год назад
#reactjs #antd #fileupload #codewithaamir In this video tutorial I have explained how to upload file using ant design components in react js, get upload remaining time, use custom axios upload api, show custom upload progress bar, show custom upload file list, how to make drag and drop upload component in reactjs. This video focuses on - How to upload files using ant design components in react ...
Create Responsive Image Gallery in React JS using Ant Design Components | Image Grid React JS App
Просмотров 7 тыс.Год назад
#reactjs #antd #imagegallery #responsivewebsite #grid #codewithaamir In this video tutorial I have explained how to create a responsive Image Gallery in React JS using Ant Design Components and explained how to implement search on top of it by integrating server API. This video focuses on the following functions - How to create a responsive Image Gallery in React JS using Ant Design Components ...
What is ChatGPT and How to use ChatGPT for Development Assistance | Can ChatPGT Replace Developers?
Просмотров 453Год назад
#chatgpt #chatgptexplained #chatgpttutorial #codewithaamir In this video tutorial I have explained what is ChatGPT and How to use ChatGPT for development assistance, also tried to get answer for can ChatGPT replace developers or programmers. This video covers - What is ChatGPT? - How to use ChatGPT to improve development? - Will ChatGPT replace developers jobs? - How to create Chat GPT prompts?...
Build Admin Dashboard App using React and Ant Design with Sidebar, Statistics Cards, Chart & Tables
Просмотров 105 тыс.Год назад
#reactjs #antd #dashboard #codewithaamir In this video tutorial I have explained how to develop a React Dashboard using Ant Design UI Components to implement Dashboard sidebar, dashboard statistics cards, dashboard charts or graphs and Antd Tables with api integration along with other misc. items like header, footer and simple notification panels. This video focuses on - How to develop a React ...
Show Confirmation Popup before Changing Switch ON/OFF State in React JS using Ant Design Components
Просмотров 2,3 тыс.Год назад
#reactjs #antd #switch #CodeWithAamir In this video tutorial I have explained how to show confirmation popup before changing Switch ON/OFF state in React JS using Ant Design Components This video focuses on - How to show confirmation popup before changing Switch ON/OFF state in React JS using Ant Design Components - How to show confirmation popup before changing Checkbox checked state in React ...
How to download files in React JS | Download file instead of opening in browser | React CSV Download
Просмотров 54 тыс.Год назад
#reactjs #download #CodeWithAamir In this video tutorial I have explained how to download files in React JS application. Also explained how to download files instead of opening in a browser tab by showing different example files like csv file download, pdf file download, png file download or any zip file download in React JS. This video focuses on - How to download files in React JS - How to do...
How to Generate QRCode in React JS using Ant Design Components | Antd Custom QRCode Style
Просмотров 1,3 тыс.Год назад
#reactjs #antd #qrcodegenerator In this video tutorial I have explained how to generate QRCode in React JS using Ant Design components and how to customize Antd QRCode UI Style This video focuses on - How to generate QRCode in React JS using Ant Design components - How to customize Antd QRCode UI Style - How to create qr-code for any string or link in different colors - How to add icon inside q...
How to Create Watermark in React JS using Ant Design UI Components | Antd Watermark Logo or Text
Просмотров 1,8 тыс.Год назад
#reactjs #antd #watermark In this video tutorial I have explained how to create watermark in React JS using Ant Design UI Components This video focuses on - How to create watermark in React JS using Ant Design UI Components - How to use ant design Watermark component in react app - Explains different props of antd watermark component introduces in recent version of antd 5.x - How to create text...
Glassmorphism Login Form using ReactJS and Ant Design Components | Login Form Field Validations
Просмотров 9 тыс.Год назад
#reactjs #glassmorphism #loginform In this video tutorial I have explained how to create Glassmorphism login form using react JS and ant design components with login form field validations This video focuses on - How to create Glassmorphism effect in login form popup using react JS and ant design components - How to add login form field validations using antd From rules - How to add backdrop-fi...
Role Based Routing in React JS | Role Based Navigation Links | React Router Dom tutorial
Просмотров 50 тыс.Год назад
#reactjs #reactrouter #reactnavigation In this react-router-dom tutorial I have explained how to implement role based routing in react JS, how to define role based navigation links to navigate on user role based react components This video focuses on - How to implement role based routing in react JS - How to define role based navigation links - How to navigate to user role based react component...
How to Create Dependent DropDowns using React JS and Ant Design | AntD Dependent Select Components
Просмотров 4,4 тыс.Год назад
#reactjs #antd #dropdown In this video tutorial I have explained how to create dependent drop downs using React JS and Ant Design Select Components This video focuses on - How to create dependent drop downs using React JS and Ant Design - How to create dependent select components using ant design in react JS tutorial - How to select a range between from and to value using dependent drop downs v...
How to Create Dynamic Table using React JS and Ant Design | Extract Columns from API Response Data
Просмотров 16 тыс.Год назад
How to Create Dynamic Table using React JS and Ant Design | Extract Columns from API Response Data
Build e-Commerce Website with React and Ant Design | Simple e-Commerce Website in React JS
Просмотров 24 тыс.Год назад
Build e-Commerce Website with React and Ant Design | Simple e-Commerce Website in React JS
Create Mega Menu using Ant Design and React JS | Large Menu Like e-Commerce Website | React MegaMenu
Просмотров 7 тыс.Год назад
Create Mega Menu using Ant Design and React JS | Large Menu Like e-Commerce Website | React MegaMenu
Ant Design Dynamic Theme | Light vs Dark Theme Switcher | Ant Design Theme Customization in React JS
Просмотров 10 тыс.Год назад
Ant Design Dynamic Theme | Light vs Dark Theme Switcher | Ant Design Theme Customization in React JS
Create Floating Action Button in React JS using Ant Design v5 | ReactJS Floating Menu
Просмотров 2,2 тыс.Год назад
Create Floating Action Button in React JS using Ant Design v5 | ReactJS Floating Menu
What's New in Ant Design 5 | What are the new features and components introduced in Ant Design v5
Просмотров 5 тыс.Год назад
What's New in Ant Design 5 | What are the new features and components introduced in Ant Design v5
How to Reset Form after Submit in ReactJS using Ant Design Form Component | Clear Form ReactJS
Просмотров 16 тыс.Год назад
How to Reset Form after Submit in ReactJS using Ant Design Form Component | Clear Form ReactJS
How to Create React JS Card Component Using Ant Design UI | Antd Card Title, Avatar and Social Links
Просмотров 4,5 тыс.Год назад
How to Create React JS Card Component Using Ant Design UI | Antd Card Title, Avatar and Social Links
How to Capture User Input Using Ant Design Form useWatch Hook in ReactJS | useWatch Form Hook
Просмотров 5 тыс.Год назад
How to Capture User Input Using Ant Design Form useWatch Hook in ReactJS | useWatch Form Hook
Responsive NavBar | How to Create Responsive NavBar Using ReactJS and Ant Design | Menu Tutorial
Просмотров 13 тыс.Год назад
Responsive NavBar | How to Create Responsive NavBar Using ReactJS and Ant Design | Menu Tutorial
How to Add Global Sorting in Ant Design Table using ReactJS | Antd Table Sorting in All Pages
Просмотров 2,9 тыс.Год назад
How to Add Global Sorting in Ant Design Table using ReactJS | Antd Table Sorting in All Pages
Ant Design Form WarningOnly Rule | How to Show Form Field Validation Warning instead of Error
Просмотров 2 тыс.Год назад
Ant Design Form WarningOnly Rule | How to Show Form Field Validation Warning instead of Error
React Toastify v9 | How to Show Toast Notifications and Alerts using React Toastify in ReactJS Apps
Просмотров 7 тыс.Год назад
React Toastify v9 | How to Show Toast Notifications and Alerts using React Toastify in ReactJS Apps
Multi Step Form with React and Ant Design | How to Disable Next Step Till Previous Step is Finished
Просмотров 9 тыс.Год назад
Multi Step Form with React and Ant Design | How to Disable Next Step Till Previous Step is Finished
How to Use Ant Design Calendar Component in ReactJS | Antd Calendar Tutorial
Просмотров 6 тыс.Год назад
How to Use Ant Design Calendar Component in ReactJS | Antd Calendar Tutorial
When use useWatch can use useEffect ?
why i find this so late
Hi brother I watched your videos. I have a query is it possible to manage or retrieve user data in form after hard loading the site?
Send me the code please ?
Thanks alot very helpful great vid
Valueable
what if i give parent height 500 and initial length as 5 this displays the content which is able to fit inside parent and we cannot scroll the div contents to end then how the loading will be triggered?
thanks for this video 🙏
Helpful. Thanks!
Hi, does it still work?
was looking for this! thank you!
Hi man. This is ... increible!!! I loking for the solution somewhere, but you have a key... hahaha the problem was the key. thanks
Can we do horizontal?
If want to show confirmation on switch off then how to do that?
Helpful. Thanks!
e code ki github link send mee bro please
bro please send source code
Thanks for the tutorial, How I can create login with custom layout and route
Thanks for the video! Please tell me, is it possible to add a search Data from Server? In AntD Table
a very nice way to explain things & controls over components
Is it Responsive or not ??
How do you add boilerplate code for react hooks?
Tried to download an image on firebase storage, it didn't download it instead opened the URL like a regular a-tag behaviour. Apparently the download attribute won't work for files not on the same origin.
Hi @CodeWithAammir, I need to extend the width of panel which i am able to do with popupstyle property but panel calender is not occupying complete space. also How can we add extraHeader like extra footer
How to dynamically change the role based on the user login?
We except responsive dashboard from you
Thanks for the video, curious, how did you set up the backend for taking the file upload? Django? Do you also video for explaining that?
@codewithamir How to change dot icon colour? i need to change for different colors for different status
i can upload pdf file ?
👍👍👍👍👍
good work.
Hi Sir, I have a edit case if component form has data form api how to setFieldValues for UpLoad Component Form.Item
Sir i am unable to do in react data table i am getting column name in console but not visible
How to changes background color to image ?
this activation happens when you click the table header. What if you want the sort icon to activate according to the default table data without requiring a click on the table header? Is it possible to achieve this behavior in Ant Design?
tank you!
how to make this side bar responsive? so that it collapses for mobile mode?
Your content is really helpful. Thank you
hey bro, i set maxcount to 1, set upload endpoint in "action" and delete endpoint in"onRemove" but i cant find way to remove the replaced old file from backend if you drop another file instead of click remove button? how to set delete endpoint when old file being replaced?
hello you help me a lot i would i like to know how to display selected rows on the front page of antd table
How can we use reusable components for charts
how can i change button text color and background-color while hover? i tried custom css but it doesn't work
Hi, I have explained style overriding in following video, please have a look, it may help you in achieving your function ruclips.net/video/gpG967lkiJc/видео.html Thanks /
hey, do you know how I can to change language in calendar? So that the days of the week and months are on Russian?
I love your ant design videos. I am wondering if you can make one where I can select rows from a table using a checkbox and have a column that only sums up the selected rows.
There is a way to click on the item "Eletronics", and it calls a functions? So in that way, by hover it would open the Mega Menu and by clicking would call a function, to redirect to another page?
Thanks
You're my life saver!! i watched a LOT of form videos and i couldn't find what i need, your video saved me thanks a lot.
I am getting value in the onFilter as “” every time . I checked putting a debugger just below where I am setting the variable searchedText and it is getting updated fine as per the user input . But when I console logged the searchedText inside onFilter it is becoming “” again .. so the filter is not working because of it
THANKS
DONE