CodeWithAamir
CodeWithAamir
  • Видео 89
  • Просмотров 1 325 471
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...
Просмотров: 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

Комментарии

  • @omarrayes2281
    @omarrayes2281 2 дня назад

    When use useWatch can use useEffect ?

  • @tie.garcia
    @tie.garcia 9 дней назад

    why i find this so late

  • @sakirhossainfaruque7532
    @sakirhossainfaruque7532 10 дней назад

    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?

  • @user-wi1lm4ct5q
    @user-wi1lm4ct5q 11 дней назад

    Send me the code please ?

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

    Thanks alot very helpful great vid

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

    Valueable

  • @a_13_balaji_k44
    @a_13_balaji_k44 15 дней назад

    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?

  • @user-rl9bt6sq5h
    @user-rl9bt6sq5h 16 дней назад

    thanks for this video 🙏

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

    Helpful. Thanks!

  • @boredne3088
    @boredne3088 20 дней назад

    Hi, does it still work?

  • @DheaFadlia
    @DheaFadlia 21 день назад

    was looking for this! thank you!

  • @nicocontigliani7141
    @nicocontigliani7141 21 день назад

    Hi man. This is ... increible!!! I loking for the solution somewhere, but you have a key... hahaha the problem was the key. thanks

  • @uttamrao9563
    @uttamrao9563 23 дня назад

    Can we do horizontal?

  • @SHRIJASHWEETA
    @SHRIJASHWEETA 25 дней назад

    If want to show confirmation on switch off then how to do that?

  • @Pein94rap
    @Pein94rap 26 дней назад

    Helpful. Thanks!

  • @SivaMandala-jq3by
    @SivaMandala-jq3by 26 дней назад

    e code ki github link send mee bro please

  • @santoshsambangi-bu2zb
    @santoshsambangi-bu2zb 28 дней назад

    bro please send source code

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

    Thanks for the tutorial, How I can create login with custom layout and route

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

    Thanks for the video! Please tell me, is it possible to add a search Data from Server? In AntD Table

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

    a very nice way to explain things & controls over components

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

    Is it Responsive or not ??

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

    How do you add boilerplate code for react hooks?

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

    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.

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

    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

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

    How to dynamically change the role based on the user login?

  • @user-gz1ru2dk4g
    @user-gz1ru2dk4g Месяц назад

    We except responsive dashboard from you

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

    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?

  • @KrishnaKumar-dw6rd
    @KrishnaKumar-dw6rd Месяц назад

    @codewithamir How to change dot icon colour? i need to change for different colors for different status

  • @MuhammadSajid-lc1bn
    @MuhammadSajid-lc1bn Месяц назад

    i can upload pdf file ?

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

    👍👍👍👍👍

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

    good work.

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

    Hi Sir, I have a edit case if component form has data form api how to setFieldValues for UpLoad Component Form.Item

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

    Sir i am unable to do in react data table i am getting column name in console but not visible

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

    How to changes background color to image ?

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

    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?

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

    tank you!

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

    how to make this side bar responsive? so that it collapses for mobile mode?

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

    Your content is really helpful. Thank you

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

    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?

  • @DuyNguyen-jj1vo
    @DuyNguyen-jj1vo 2 месяца назад

    hello you help me a lot i would i like to know how to display selected rows on the front page of antd table

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

    How can we use reusable components for charts

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

    how can i change button text color and background-color while hover? i tried custom css but it doesn't work

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

      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 /

  • @Anonymous-yl5wk
    @Anonymous-yl5wk 2 месяца назад

    hey, do you know how I can to change language in calendar? So that the days of the week and months are on Russian?

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

    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.

  • @user-vq1rt3hx1u
    @user-vq1rt3hx1u 2 месяца назад

    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?

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

    Thanks

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

    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.

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

    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

  • @user-fu1rm8sq7c
    @user-fu1rm8sq7c 2 месяца назад

    THANKS

  • @user-fu1rm8sq7c
    @user-fu1rm8sq7c 2 месяца назад

    DONE