Mediocre Programmer
Mediocre Programmer
  • 29
  • 1 311
Trello Clone Part 10 - Creating the drag and drop feature
We will try to do the following:
1) Understanding the React Beautiful DnD Library
2) Implement the DragEnd Logic
3) Implement the DnD Feature
4) Handle Sorting of the Tasks within Lists caused by the DnD action by the User.
5) Finishing The App
6) Scope for further Feature Enhancement
มุมมอง: 33

วีดีโอ

Trello Clone Part 9 - Creating the Task Component21:59Trello Clone Part 9 - Creating the Task Component
Trello Clone Part 9 - Creating the Task Component
มุมมอง 1721 ชั่วโมงที่ผ่านมา
We will try to do the following: 1) Create the Task Component 2) Implement the Update & Remove Functionality for Tasks
Trello Clone Part 8 - Creating the TaskList Component29:22Trello Clone Part 8 - Creating the TaskList Component
Trello Clone Part 8 - Creating the TaskList Component
มุมมอง 1121 ชั่วโมงที่ผ่านมา
We will try to do the following: 1) Create the TaskList Component 2) Binding necessary feature to TaskList Component
Trello Clone Part 7 - Creating the BoardDetails Page35:13Trello Clone Part 7 - Creating the BoardDetails Page
Trello Clone Part 7 - Creating the BoardDetails Page
มุมมอง 1621 ชั่วโมงที่ผ่านมา
We will try to do the following: 1) Create the BoardDetails Page 2) Create necessary child components for BoardDetails Page 3) Binding Functionalities with the BoardDetails Page
Trello Clone Part 6 - Creating a Project Management App Like Trello (Creating the Boards Page)22:56Trello Clone Part 6 - Creating a Project Management App Like Trello (Creating the Boards Page)
Trello Clone Part 6 - Creating a Project Management App Like Trello (Creating the Boards Page)
มุมมอง 1221 ชั่วโมงที่ผ่านมา
We will try to do the following: 1) Create the Boards Page 2) Create necessary child components for Boards Page 3) Binding boards Functionalities with the Boards Page
Trello Clone Part 5 - Creating a Project Management App Like Trello (Creating the Required Contexts)8:14Trello Clone Part 5 - Creating a Project Management App Like Trello (Creating the Required Contexts)
Trello Clone Part 5 - Creating a Project Management App Like Trello (Creating the Required Contexts)
มุมมอง 421 ชั่วโมงที่ผ่านมา
We will try to do the following: 1) Creating the required Contexts 2) Binding the Contexts with our App
Trello Clone Part 4 - Creating a Project Management App Like Trello (Creating the task Reducer)8:21Trello Clone Part 4 - Creating a Project Management App Like Trello (Creating the task Reducer)
Trello Clone Part 4 - Creating a Project Management App Like Trello (Creating the task Reducer)
มุมมอง 721 ชั่วโมงที่ผ่านมา
We will try to do the following: 1) Understanding the shape of the tasks state 2) Creating the task Reducer
Trello Clone Part 3 - Creating a Project Management App Like Trello (Creating the list Reducer)11:28Trello Clone Part 3 - Creating a Project Management App Like Trello (Creating the list Reducer)
Trello Clone Part 3 - Creating a Project Management App Like Trello (Creating the list Reducer)
มุมมอง 1021 ชั่วโมงที่ผ่านมา
We will try to do the following: 1) Understanding the shape of the lists state 2) Creating the list Reducer
Trello Clone Part 2 - Creating a Project Management App Like Trello (Creating the board Reducer)22:12Trello Clone Part 2 - Creating a Project Management App Like Trello (Creating the board Reducer)
Trello Clone Part 2 - Creating a Project Management App Like Trello (Creating the board Reducer)
มุมมอง 3521 ชั่วโมงที่ผ่านมา
We will try to do the following: 1) Understanding the shape of the boards state 2) Creating the board Reducer
Trello Clone Part 1 - Creating a Project Management App Like Trello (Planning the data layer)9:38Trello Clone Part 1 - Creating a Project Management App Like Trello (Planning the data layer)
Trello Clone Part 1 - Creating a Project Management App Like Trello (Planning the data layer)
มุมมอง 9621 ชั่วโมงที่ผ่านมา
We will try to learn the following: 1) Importance of Planning before Coding 2) Designing the Data Layer for the Trello Clone 3) Set Boundaries to our Project's Scope
React Tutorial - 18 - Introduction to useReducer hook in React27:19React Tutorial - 18 - Introduction to useReducer hook in React
React Tutorial - 18 - Introduction to useReducer hook in React
มุมมอง 3021 ชั่วโมงที่ผ่านมา
We will try to learn the following: 1) What is useReducer hook 2) Why we need useReducer hook 3) How to use useReducer Hook
React Tutorial - 19 - Converting our Attendance App with useReducer hook and Context API41:26React Tutorial - 19 - Converting our Attendance App with useReducer hook and Context API
React Tutorial - 19 - Converting our Attendance App with useReducer hook and Context API
มุมมอง 2821 ชั่วโมงที่ผ่านมา
We will try to learn the following: 1) How to manage Global States in React 2) How to separate logic/data layer from component layer in React 3) The Magic of using Context API & useReducer Together! #reactjs #programming #contextapi
React Tutorial - 17 - Introduction to Custom Hooks in React30:31React Tutorial - 17 - Introduction to Custom Hooks in React
React Tutorial - 17 - Introduction to Custom Hooks in React
มุมมอง 30วันที่ผ่านมา
We will try to learn the following: 1) Why Custom hook is needed 2) What actually custom hook is and how to implement it 3) Logic Reusing across whole React Application
React Tutorial - 16 - Introduction to React Router in React44:18React Tutorial - 16 - Introduction to React Router in React
React Tutorial - 16 - Introduction to React Router in React
มุมมอง 44วันที่ผ่านมา
We will try to learn the following: 1) Fundamentals of Routing in React 2) Basics of React Router 3) Shared Layouts across all routes 4) Dynamic Routing in React Router
React Tutorial - 15 - Re creating the Note Taking App with API16:19React Tutorial - 15 - Re creating the Note Taking App with API
React Tutorial - 15 - Re creating the Note Taking App with API
มุมมอง 26วันที่ผ่านมา
We will try to learn the following: 1) CRUD features with REST API in React 2) JSON-SERVER package 3) Refetching for up-to-date UI screen
React Tutorial - 14 - Introduction to useEffect Hook in React23:44React Tutorial - 14 - Introduction to useEffect Hook in React
React Tutorial - 14 - Introduction to useEffect Hook in React
มุมมอง 30วันที่ผ่านมา
React Tutorial - 14 - Introduction to useEffect Hook in React
React Tutorial - 13 - Introduction to Context API in React42:15React Tutorial - 13 - Introduction to Context API in React
React Tutorial - 13 - Introduction to Context API in React
มุมมอง 64วันที่ผ่านมา
React Tutorial - 13 - Introduction to Context API in React
React Tutorial -12 - Introduction to State Lifting Mechanism in React41:21React Tutorial -12 - Introduction to State Lifting Mechanism in React
React Tutorial -12 - Introduction to State Lifting Mechanism in React
มุมมอง 68วันที่ผ่านมา
React Tutorial -12 - Introduction to State Lifting Mechanism in React
React Tutorial - 11 - Creating a Simple Student Attendance App Part 220:16React Tutorial - 11 - Creating a Simple Student Attendance App Part 2
React Tutorial - 11 - Creating a Simple Student Attendance App Part 2
มุมมอง 116วันที่ผ่านมา
React Tutorial - 11 - Creating a Simple Student Attendance App Part 2
React Tutorial - 10 - Creating a Simple Student Attendance App Part 1 (The CRUD Functionalities)27:30React Tutorial - 10 - Creating a Simple Student Attendance App Part 1 (The CRUD Functionalities)
React Tutorial - 10 - Creating a Simple Student Attendance App Part 1 (The CRUD Functionalities)
มุมมอง 31วันที่ผ่านมา
React Tutorial - 10 - Creating a Simple Student Attendance App Part 1 (The CRUD Functionalities)
React Tutorial - 9 - Creating a Note Taking/Todo App Part 3 - The Edit and Update Functionality27:44React Tutorial - 9 - Creating a Note Taking/Todo App Part 3 - The Edit and Update Functionality
React Tutorial - 9 - Creating a Note Taking/Todo App Part 3 - The Edit and Update Functionality
มุมมอง 45หลายเดือนก่อน
React Tutorial - 9 - Creating a Note Taking/Todo App Part 3 - The Edit and Update Functionality
React Tutorial - 8 - Creating a Note Taking/ Todo App - Part 2 - The Delete Functionality10:14React Tutorial - 8 - Creating a Note Taking/ Todo App - Part 2 - The Delete Functionality
React Tutorial - 8 - Creating a Note Taking/ Todo App - Part 2 - The Delete Functionality
มุมมอง 29หลายเดือนก่อน
React Tutorial - 8 - Creating a Note Taking/ Todo App - Part 2 - The Delete Functionality
React Tutorial - 7 - Creating a Note Taking / Todo App - Part 1 - The Create Functionality30:31React Tutorial - 7 - Creating a Note Taking / Todo App - Part 1 - The Create Functionality
React Tutorial - 7 - Creating a Note Taking / Todo App - Part 1 - The Create Functionality
มุมมอง 41หลายเดือนก่อน
React Tutorial - 7 - Creating a Note Taking / Todo App - Part 1 - The Create Functionality
React Tutorial - 6 - useState Hook (Handling Dynamic Data through States in React)43:48React Tutorial - 6 - useState Hook (Handling Dynamic Data through States in React)
React Tutorial - 6 - useState Hook (Handling Dynamic Data through States in React)
มุมมอง 30หลายเดือนก่อน
React Tutorial - 6 - useState Hook (Handling Dynamic Data through States in React)
React Tutorial - 5 - Creating Reusable Component by using Props in React38:44React Tutorial - 5 - Creating Reusable Component by using Props in React
React Tutorial - 5 - Creating Reusable Component by using Props in React
มุมมอง 59หลายเดือนก่อน
React Tutorial - 5 - Creating Reusable Component by using Props in React
React Tutorial - 4 - A first Glance at Component in Code Level19:54React Tutorial - 4 - A first Glance at Component in Code Level
React Tutorial - 4 - A first Glance at Component in Code Level
มุมมอง 40หลายเดือนก่อน
React Tutorial - 4 - A first Glance at Component in Code Level
React Tutorial - 3 - Initializing a React Project and inspect it's folder structure20:43React Tutorial - 3 - Initializing a React Project and inspect it's folder structure
React Tutorial - 3 - Initializing a React Project and inspect it's folder structure
มุมมอง 48หลายเดือนก่อน
React Tutorial - 3 - Initializing a React Project and inspect it's folder structure
React Tutorial - 2 - Techniques to find Component in UI level9:49React Tutorial - 2 - Techniques to find Component in UI level
React Tutorial - 2 - Techniques to find Component in UI level
มุมมอง 78หลายเดือนก่อน
React Tutorial - 2 - Techniques to find Component in UI level
React Tutorial - 1 - Introduction to React and Prerequisites to learn React7:26React Tutorial - 1 - Introduction to React and Prerequisites to learn React
React Tutorial - 1 - Introduction to React and Prerequisites to learn React
มุมมอง 243หลายเดือนก่อน
React Tutorial - 1 - Introduction to React and Prerequisites to learn React

ความคิดเห็น

  • @yahia4537
    @yahia4537 4 วันที่ผ่านมา

    ভাই খুবই সুন্দর করে বুঝাচ্ছেন। আপনার বুঝানের ধরন আলহামদুলিল্লাহ। কি কি কভার করবেন??

  • @yahia4537
    @yahia4537 4 วันที่ผ่านมา

    ভাই খুবই সুন্দর করে বুঝাচ্ছেন। আপনার বুঝানের ধরন আলহামদুলিল্লাহ। কি কি কভার করবেন??

  • @yahia4537
    @yahia4537 6 วันที่ผ่านมา

    নাইছ আপনার বুঝানোর ধরন মাশাল্লাহ

  • @hkkabir2024
    @hkkabir2024 7 วันที่ผ่านมา

    very impressive vhi . excellent way of teaching . useeffect clear now

  • @BijoyKarmokar-v5h
    @BijoyKarmokar-v5h 9 วันที่ผ่านมา

    Nice class sir.

  • @RafiulIslamJim-m4s
    @RafiulIslamJim-m4s 9 วันที่ผ่านมา

    Bah vai chaliye Jan ...Khub Valo hosse ..ekta somoy por boro kisu hobe

    • @mediocreprogrammer8454
      @mediocreprogrammer8454 9 วันที่ผ่านมา

      Thanks a lot vai for the appreciation. Duay raikhen

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

    Vai looking for new videos and info also

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

    ❤❤

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

    Allah bless you my son

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

    Awesome ❤❤❤❤

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

    অসাধারন