Learning Styled-Components

[JimmyLv]

styled-components is fucking awesome!

项目纵向拆分

⓵ 定义目标和原则

• 完善个人技术栈选型 重新思考职业发展 —— 技术篇 #31

⓶ 展望结果

• 能够更好地写 CSS
• 兼容传统 CSS（copy & paste easily）
• 并拥有爽快的 DX

⓷ 头脑风暴

⓸ 组织整理

⓹ 明确「下一步行动」

• 刻意练习
• 建造 demo repo

References

• Glen Maddern - Styling React Apps with Styled Components - YouTube
• ReactiveConf 2016 - Max Stoiber: Styled-components: Enforcing best practices - YouTube
• ⚡️ - Max Stoiber - The Road to Styled Components - React Conf 2017 - YouTube

[EthanLin-TWer]

looks fucking awesome ​

…

On Tue, Apr 4, 2017 at 9:05 PM, 吕立青 ***@***.***> wrote: styled-components <https://styled-components.com/> is fucking awesome! 项目纵向拆分 ⓵ 定义目标和原则 ⓶ 展望结果 ⓷ 头脑风暴 ⓸ 组织整理 ⓹ 明确「下一步行动」 - 刻意练习 References - Glen Maddern - Styling React Apps with Styled Components - YouTube <https://www.youtube.com/watch?v=qu4U7lwZTRI> - ReactiveConf 2016 - Max Stoiber: Styled-components: Enforcing best practices - YouTube <https://www.youtube.com/watch?v=jaqDA7Btm3c> - ⚡️ - Max Stoiber - The Road to Styled Components - React Conf 2017 - YouTube <https://www.youtube.com/watch?v=jjN2yURa_uM> — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#183>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ALWBn-n4O1os4ouYLwmPMPWFThJHOG_Cks5rskAkgaJpZM4My1EV> .

-- Regards, Congyu Lin*Developer, Chengdu, China* Githubhttps://*github*.com/linesh-simplicity <https://github.com/linesh-simplicity> Websitehttp://linesh.tw [image: ThoughtWorks] <http://www.thoughtworks.com/?utm_campaign=congyu-lin%20(linesh/%20%E6%9E%97%E4%BB%8E%E7%BE%BD)-signature&utm_medium=email&utm_source=thoughtworks-email-signature-generator>

[JimmyLv]

几乎无学习成本啊可是，😂

已展现在 JimmyLv/demo.create-react-app-typescript: create-react-app, typescript, styled-components, dva(redux, redux-saga), ant-design http://dva.jimmylv.info

[JimmyLv]

唯一的缺憾就是 Intellij 系列还未支持 styled-components 的语法高亮：WebStorm/IntelliJ IDEA support · Issue #176 · styled-components/styled-components