در این آموزش تصویری با مبانی React.js آشنا می شوید. در این دوره کار با React.js و JSX ، مدیریت رویدادها ، استفاده از state و نحوه ایجاد برنامه های React.js را می آموزید.

این دوره آموزشی محصول موسسهLynda است.

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

  • React.js چیست؟
  • راه اندازی ابزار با کروم
  • معرفی JSX و به روز رسانی
  • واکنش نشان دادن اجزای صفحه
  • استفاده از خواص
  • مدیریت رویدادها
  • به روز رسانی و حذف یادداشت ها
  • اضافه کردن یادداشت جدید
  • تنظیم خصوصیات
  • بروزرسانی قطعات
  • اضافه کردن توابع
  • ایجاد یک برنامه نمونه
  • و …

عنوان دوره: Lynda Learn React.js The Basics

مدت دوره:1 ساعت و 32 دقیقه

نویسنده: Eve Porcello


Lynda Learn React.js The Basics

Eve Porcello
1h 32m

A new JavaScript library has arrived: React.js. React.js is designed to make the process of building modular, reusable user interface components simple and intuitive. Here Eve Porcello will help you learn React.js while guiding you through the process of building the interface for a bulletin board app. She reviews components, properties, and state, as well as the foundational parent/child relationships within React.js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React.js and companion tools like Babel, NPM, and more.
Topics include:
What is React.js?
Introducing JSX
Creating a React component
Handling events
Using state
Defining parent/child relationships
Adding child elements
Mounting and updating components
Creating a React.js app

3m 43s
What you should know before watching this course
1m 37s
Using the exercise files
1m 8s
1. What is React.js?
4m 43s
What is React?
1m 4s
Why is React so fast?
1m 48s
Setting up React tools with Chrome
1m 51s
2. Getting Started
5m 31s
React.js syntax
2m 5s
Introducing JSX and Babel UPDATED
3m 26s
3. React Components
23m 55s
What is a React component?
1m 26s
Creating a React component UPDATED
3m 16s
Using properties
3m 12s
Handling events
6m 6s
Using state
4m 54s
Adding state to the note component
5m 1s
4. Parent/Child Relationships
25m 48s
Using refs
2m 5s
3m 19s
Adding multiple child elements
3m 23s
Updating and removing notes through props
6m 16s
Adding new notes
3m 35s
A deeper look at keys
7m 10s
5. Component Life Cycle
19m 20s
Understanding the component life cycle
1m 48s
Mounting components
3m 38s
Setting properties
2m 58s
Updating components
5m 30s
Adding lifecycle functions to our bulletin board
5m 26s
6. Creating an App
8m 39s
Integrating React with a server UPDATED
1m 12s
Hosting your app with npm and httpster UPDATED
6m 10s
Enhancing React with additional frameworks UPDATED
1m 17s
1m 5s
Next steps
1m 5s