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

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 دقیقه
    تاریخ انتشار: ۲۹ خرداد ۱۴۰۲
    طراحی سایت و خدمات سئو

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