در این آموزش تصویری با نحوه استایل دادن به کامپوننت های React آشنا می شوید.
این دوره آموزشی محصول موسسه Pluralsight است.

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

  • نحوه نصب و راه اندازی React
  • نحوه ساخت رابط کاربری در React
  • کار با استایل ها
  • کار با استایل درون خطی
  • طراحی ظاهر برنامه
  • ارزیابی style درون خطی
  • کار با Radium
  • نحوه ارزیابی Radium
  • معرفی Webpack برای CSS
  • نحوه پیکربندی Webpack
  • نحوه تنظیم Webpack برای CSS
  • کرا با CSS
  • ارزیابی استایل های CSS
  • کار با ماژول های CSS
  • معرفی کتابخانه Loader
  • ماژول های CSS چگونه کار می کند؟
  • نحوه ارزیابی CSS
  • و…

عنوان دوره: Pluralsight Styling React Components
سطح: متوسط
مدت زمان: 1 ساعت و 29 دقیقه
نویسنده: Jake Trent


Pluralsight Styling React Components

Jake Trent
1h 29m

Try some of the most promising or popular methods for styling UIs written in React.
React has changed the way that people think about writing UIs. It has encouraged a community where ideas about how to style UIs have changed as well. There are now several compelling options for how to style your React components. Some are more traditional, some are more progressive. You'll be excited at the options available to you. Try a few out, and it could change the way you approach your next project.

Course Overview
1m 29s
Course Overview
1m 29s
UIs in React
7m 37s
Welcome and Prereqs
1m 44s
Why Style?
2m 38s
Prepare for React Land
3m 13s
Inline Styles
24m 38s
Forget What You Know
1m 22s
Current Origins of Inline Styles
4m 14s
Demo Introduction
2m 8s
Inline Styles Demo - Install
1m 24s
Inline Styles Demo - Styling
12m 51s
Evaluate Inline Styles
2m 35s
13m 13s
Radium Intro
0m 58s
Radium Demo
10m 47s
Radium Evaluation
1m 27s
A Webpack Intro for CSS
8m 29s
Some Webpack Config Highlights
5m 59s
Adjust Webpack for CSS
2m 29s
CSS Stylesheet
13m 37s
CSS Stylesheet Demo Intro
1m 32s
CSS Stylesheet Demo
10m 1s
Evaluate CSS Stylesheet
2m 4s
CSS Modules
20m 26s
A CSS Loader Adjustment
1m 36s
How CSS Modules Work
4m 26s
1m 23s
CSS Modules Demo
9m 40s
Evaluate CSS Modules
2m 33s
Thank You
0m 46s