وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

Introduction to React JS – Bare Bones

سرفصل های دوره

Learn JSX, Hooks, Vite setup & Grommet UI Component library


1. Introduction
  • 1. Introduction
  • 2. Why Learn React
  • 3.1 Node.js Installation.html
  • 3.2 NVM - Mac And Linux Users.html
  • 3.3 NVM - Windows Users.html
  • 3.4 Visual Studio Code.html
  • 3. Installing Node.js And VS Code

  • 2. Getting Started
  • 1.1 unpkg React.html
  • 1.2 unpkg React DOM.html
  • 1. Hello World in React
  • 2. Hello World in React - Continued
  • 3. First React Component
  • 4. A TODO list component
  • 5. Create Component in a separate file
  • 6. Passing Props to Component
  • 7. The Problem with Current React Workflow

  • 3. Dev Tooling And JSX
  • 1. Creating NPM project and Installing React as dependency
  • 2. Setting up Vite
  • 3. Prettier Setup
  • 4. ESLint Setup
  • 5. ESLint npm command and some refactor

  • 4. JSX And React in Action
  • 1. JSX and lint setup for React
  • 2. Fix config error with ESLint
  • 3. New component files
  • 4. React Strict Mode

  • 5. TODO Input Form
  • 1. New Input Form Field Component
  • 2. useState Hook in Action
  • 3. handler to update state
  • 4. what React does to update the view when state is changed
  • 5. We have a controlled component
  • 6. Pass Todo item to parent

  • 6. Working on Todo List Component
  • 1. Where state should be kept
  • 2. Need for Key Prop
  • 3. Adding new Todo to the list

  • 7. Grommet UI Component Library
  • 1.1 Grommet UI.html
  • 1. Configuring Grommet UI Component Library
  • 2. Upgrade App Component to use Grommet Styling
  • 3. Upgrade other components to use Grommet
  • 4. Update Todo Component to use Grommet

  • 8. Improving Todo App with features
  • 1. Lets add completion status
  • 2. Toggle Completion Status
  • 3. Add Edit And Delete Action Buttons
  • 4. Add new ID when creating Todo
  • 5. Delete a Todo
  • 6. Edit Button Feature part 1
  • 7. Edit form cancel
  • 8. Show initial Todo value in Edit Form Input Field
  • 9. Fix Event Bubbling issue
  • 10. Edit Todo feature

  • 9. Todo App filter section
  • 1. Create a Filter Component
  • 2. Implement Filter Functionality

  • 10. Handling API call in the Todo App
  • 1.1 Json-server.html
  • 1. A Mock Server
  • 2. List Todos by reading the data from json-server
  • 3. Handling errors and loading state
  • 4. Create, Update and Delete Operations

  • 11. Final Refactor
  • 1. Lets create a new file for API call
  • 2. Lets make use of Custom Hook
  • 3. Final refactor

  • 12. Conclusion
  • 1. Thank You and Next Steps
  • 2.1 react-todo-app-final.zip
  • 2. Note.html
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

    در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 14062
    حجم: 2023 مگابایت
    مدت زمان: 297 دقیقه
    تاریخ انتشار: 29 خرداد 1402
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید