React 组件样式设计 2019 – 设置你的 React apps 风格最好的方法

课程简介

丢弃 CSS 样式表吧! 在 JS 中学习 CSS,使用样式组件(styled-components)程序库快速和干净地设计 React 组件样式

课程介绍:English 繁中

从这 1 小时的课程,你会学到

  • 使用更新、更干净、更有效的样式组件来设置 React 应用程序样式
  • 使用 CSS-in-JS 样式组件库转换或创建新的 React 应用程序
  • 增加你成为一个 React 开发者的价值

要求

  • 您应该已经知道一些简单的 ES6 语法,并且已经在使用 React 框架工作了

课程说明

* * 课程更新 * *

  • 更新课程到 styled-components 版本4
  • 下载所有代码范例的 ZIP 文件。
  • Link to github repo for all code examples.
  • 链接到所有代码范例的 github repository。

这个课程是 React 开发者的下一个步,他们希望通过抛弃不稳定的 CSS 类别名称和结构、混乱的 CSS 导入和 CSS 类别命名冲突与他们的 React 应用程序冲突,而是拥抱最好的 React 应用程序样式设计方法,并且与 CSS-in-js 样式组件库一起使用!

这个样式组件(styled-components )框架可以让你在 JavaScript 中编写实际的 CSS。 这意味着你可以使用你最喜欢的 CSS 的所有特性,包括(但是不限于)媒体查找,所有的pseudo-selectors,nesting等。

React 将传统的view/ view model 方法应用于 web 开发,并将它们合并为一个,同时仍保持代码模块化和单一责任。 样式组件可以看作是这个的一个扩展,同时将样式也带入 JS 文件。 他们都有一对一的关系,所以只要它们是模块化的,将它们结合起来是有意义的。 本课程将帮助您理解这种方法的力量,并向您展示如何建构这些组件。

What other students are saying about this course:

其他学生对这门课程的评价是:

★★★★★ 5/5 stars – “I love this course so much, Tom is very responsive with the student question. No copy paste code, that we know all students doesn’t like it. There’s so many new information and a modern way to write a components, I like it so much and I will implement it to my projects 🙂 Thank you Tom for helping us !” – Kadek Pradnyana

★★★★★ 5/5 stars – “A great introduction to styled components in React. It goes through each of the most common scenarios to help you start building. Excellent course!” – Memo Ramirez

★★★★★ 5/5 stars – “A great intro to the styled-components way of styling React components.” – Ian Taite

★★★★★ 5/5 stars – “I did not know that this is possible. Amazing” (translated) – Alex

目标受众

  • 使用传统样式 CSS 或 SASS 样式表的 React 开发人员,他们想学习更好更干净的方法; 使用 CSS-in-js React 样式组件库

讲师简介

Tom Phillips 前端网页专家和移动开发者

多年来,Tom Phillips 一直在英国开发前端网页和移动应用程序。 在这段时间里,他不得不为初级开发人员准备并教授最新的前端网页框架的多门课程,并在初级开发人员的早期指导他们。 通过这样做,Tom 找到了有效的方法来教授和打破许多开发人员在尝试开始新框架时所面临的常见复杂问题,特别是在这样一个迅速变化的领域,作为前端网页开发。 现在他把这些方法应用到他的 Udemy 课程中了!

早在 Tom 自己还是个初级开发人员的时候,他很幸运地受到了这个领域专家的指导。 这使得他在职涯中得到了迅速的进步,并且在他作为专家的前端开发人员的时候理解和建构了多个大型项目。 现在 Tom 正在扮演专家的角色与责任,分享他的知识。 通过参加 Tom的一门课程,获得与 Tom 一样的指导并在前端网页开发中快速追踪你的理解和知识。

英文字幕:有

  • 想要了解如何将英文字幕自动翻译成中文? 请参考这篇 How-To

参加课程 ♥找优惠折扣码?

Sponsored by Udemy

也许你会有兴趣

 欢迎使用e-mail订阅 Soft & Share 

发表评论

Powered by WordPress.com.

Up ↑

%d 博主赞过: