
styled-components缺點 在 Bryan Wee Youtube 的評價

Search
By スキマスイッチ - 「全力少年」Music Video : SUKIMASWITCH / ZENRYOKU SHOUNEN Music Video
#1. CSS in JS (react.js): 簡介與優缺點分析 - 前端三分鐘
近幾年,由於component-based 的概念興起,元件開發成為顯學,css-in-js 不僅降低了維護難度也加速了開發速度,常見的library 像是styled- ...
#2. 如何评价styled-components? - 知乎
个人感觉css in js方案的出现主要为了方便实现组件化,解决了css全局命名空间,避免样式冲突的问题,维护起来更加方便。在大型项目中,开发人员可以方便的组合组件。 缺点 ...
#3. 【Day 12】Styled-component - iT 邦幫忙
styled-component 是一個CSS-In-JS 的函式庫,使你可以在JSX 中撰寫CSS code,更方便的是他可以接到component 的props 值來動態改變css ... Styled component 的缺點.
#4. CSS in js 的好與壞!前端學者需要理清思緒,才好構思畫面
通過styled-components,你可以使用ES6的標籤模板字符串語法(Tagged Templates)為需要styled的Component定義一系列CSS屬性,當該組件的JS代碼被解析執行 ...
#5. 前端的問題: css modules vs styled components 老鐵們選哪個 ...
我組長用styled component,所以我也跟著用,沒選擇權的。 ... 但現在覺得styled components 很強大 ... styled jsx 唯一的缺点在于不支持preprocessor.
#6. React项目使用styled-components后的几点感受 - 掘金
最近在项目里使用了styled-components 来写CSS,感觉有一些好处,但也遇到了一些问题,本文简单记录一下这一个多月的使用感受。
#7. 一些CSS 管理方案的优缺点 - Unknown Me
Styled Components. 不用再想样式类名了,有JSX 组件名就行; 同样是会生成全局唯一类名,不用担心冲突; 不用CSS, JSX 之间跳来跳去,一个文件搞定 ...
#8. styled-components缺点- little_ab - 博客园
缺点 不能用stylelint 检查你的Css 代码在使用 styled-components 的过程中也会遇到一些问题,比如我们的项目会用stylelint来做样式代码的检.
#9. styled-components缺点_weixin_30765577的博客 - CSDN
缺点 不能用stylelint 检查你的Css 代码在使用styled-components的过程中也会遇到一些问题,比如我们的项目会用stylelint来做样式代码的检查, ...
#10. Css in Js 之styled-components | 张庆的笔记
当然, 任何库都有缺点, styled-components 也不例外。 所有的css 写在了js 文件中, 会显得代码凌乱。如果细究其实现原理的话, 会发现并不是真正把样式 ...
#11. 前端的问题: css modules vs styled components 老铁 ... - V2EX
程序员- @ericgui - 我组长用styled component,所以我也跟着用,没选择权的。 ... styled jsx 唯一的缺点在于不支持preprocessor ...
#12. 10-React 的CSS 方案
优缺点. 普通应用使用styled-components 和css modules,因为类名会变成随机字符串; 库使用传统CSS 方式,因为类名不会变成随机字符串 ...
#13. CSS-in-JS:一个充满争议的技术方案 - InfoQ
这种方法的缺点是会为团队带来很大的挑战,对于全局和局部规划选择器的 ... 在框架内部,Emotion 和styled-components 在浏览器中都有一个运行时,这 ...
#14. styled-components缺點- 碼上快樂 - CODEPRJ
缺點 不能用stylelint 檢查你的Css 代碼在使用nbsp styled components nbsp 的過程中也會遇到一些問題,比如我們的項目會用stylelint來做樣式代碼的檢查, ...
#15. [筆記] styled-components WHY & HOW
css class name 該如何妥善管理…根據props改變style有沒有更有效率的方法… 如果你有以上痛點也許styled-component可以解決你的問題 ...
#16. styled-components缺点- 相关文章 - BBSMAX
1.styled components官网网址https://www.styled-components.com/docs 以组件的形式来写 ... 网上也有相关的比较,以及有优缺点说明Some of the best CSS in Javascript ...
#17. Css-In-Js 将你的css 组件化,了解一下? - GitLab
比如在 styled-components 中的循环(请忽视代码的实际作用,我们只对比语法). const Styled = styled.div` ${colorLists.map(color => `color: ...
#18. styled-components:前端组件拆分新思路 - K码农
一直在思考React组件如何拆分的问题,直到接触到styled-components, ... 对于styled-components缺点而言,我认为目前唯一的不足在于模板字符串里面没有CSS语法,写 ...
#19. 記一次商業級專案的技術選型、思考、及落地(含完整實踐)
缺點 :. 首屏渲染時間長(需載入完需要的資源); 不支援SEO ... 最開始接觸並使用的是 styled-components 庫,截至目前,它仍然是最受歡迎的 CSS IN ...
#20. 超乎你想像的styled-components - IT閱讀
styled -components 最吸引開發者的是使用了ES6 的字串模板方式來定義css 樣式,這樣使得css 的寫法與原生的css 寫法基本一致,克服了上述的缺點。
#21. CSS 模块化方案探讨(BEM、OOCSS - SegmentFault
缺点 也很明显,你需要为每个元素搜集一大堆类名,这可是一个不小的体力 ... styled-components 是目前最流行的CSS-in-JS 库,在React 中被广泛使用。
#22. 面试官:什么是css in js ? styleds-components 的原理是什么呢?
在这里我们已经实现了一个最简单的styled-components, 但是这个组件还有很多缺点,比如我想给这个组件添加点击事件,或者想传递一个props怎么办?
#23. Front-End Developers Taiwan : 不需要runtime 的 ... - Facebook
當然也有一些缺點, 像是沒辦法使用theme(ThemeProvider)、缺乏styled-components 的柔軟性、必須要搭配babel 使用等,這些都是各種場景考量下的取捨。
#24. 标梵互动信息解说关于CSS-in-JS: 使用及优缺点
使用CSS-in-JS,可以让每个打包后的组件包含它所有的样式和依赖,在不依赖任何外部css文件的情况下正常工作。styled-components作者之一Max Soiber在他的博客中有写 ...
#25. 頂級React組件庫推薦 - 人人焦點
缺點 :. 其實我主要把Bootstrap 看作是一個UI 庫。它不會幫你贏得任何設計獎項, ... 對於經驗更豐富的開發人員來說,他們可能會去研究styled-components / Emotion。
#26. React拾遺:從10種現在流行的CSS解決方案談談我的最愛(下)
如何使用Sass; 2.4. 4. 全局css; 2.5. 5. 三方UI庫的支持; 2.6. 6. 語法高亮與補完; 2.7. 7. 大小?性能? 2.8. 8. style-jsx vs styled-components.
#27. 如何理性看待Tailwind和styled-components争宠React - 云+社区
几天前,我发表了一篇新的博文,详细介绍了我使用 styled-components 的经验,以及如何将动态样式整合到js 域中,避免使用CSS 文件。
#28. styled-components - CSS 的最後救贖!? - Slides
styled -components. CSS 的最後救贖!? https://slides.com/hinx/css-and-my-life/. Outline. 回顧; 比較比較; 分享比較完的心得. 先回顧一下. 過去辛苦走來的.
#29. React中的四种样式使用优缺点比较- element ui
缺点 :多个组件都写css,当元素的class名重合时,会导致css样式表层叠出现渲染问题。 ... 安装依赖styled-components : yarn add styled-components 导入依赖:
#30. 浅谈styled-components的用法-诺心网络
styled.h1 函数返回一个React Component , styled components 会为这个React Component 添加一个class ,该class 的值为一个随机字符串。传给styled.h1 的模板字符串 ...
#31. React 全攻略入門班 - 五倍紅寶石
但入門困難是React 公認的缺點,尤其官方與市面上多數教學都建構在Webpack、ES6 之上,使得新手無所適從。五倍的React 由熟悉各種 ... 樣式組件:Styled Components.
#32. react之四種元件中DOM樣式設定方式 - IT人
styled -components 應該是CSS-in-JS最熱門的一個庫,通過styled-components,你可以使用ES6的標籤模板字串語法,為需要styled的Component定義一系列CSS ...
#33. React中的四种样式使用优缺点比较 - 代码交流
导入依赖:. 1import styled from 'styled-components' 2 3. styled-components演示:. 1import React, { PureComponent } from 'react' 2 3import Home from '.
#34. Css in JS: emotion-js 使用及設定- 山文水靜 - 最近發表
我是選擇vscode-styled-components ... 繼上篇介紹了混合式SSR 後,再來看SSR 缺點及改進方法、不同的Hydration 策略、以及從其他角度思考我們是否 ...
#35. 一文了解react中定義樣式(css/less/sass)的常用方法 - tw511 ...
缺點 也很明顯,當如果樣式非常多的時候,即使把樣式整體提煉出來,作為 ... 這種編寫方式需要依賴其它庫,這裡使用常用的styled-components來演示。
#36. React中的样式: 从外联样式到Styled Components — SitePoint_技术 ...
虽然使用React构建应用程序在许多方面已经达到了一定程度的标准化,但是样式仍然是一个有许多解决方案的领域。每种方案都有其优点和缺点,并没有明确的最佳选择。
#37. 好家伙,这些写CSS 的新姿势你还不知道? - 技术圈
在说优缺点之前,我们先来聊聊Atom CSS 的历史。 ... 在这个领域下有两个库比较流行,分别为:styled-components(下文以sc 缩写表示) 以及Emotion。
#38. 传统的css优缺点以及其他方面的jss方案
React 社区一直在探索各种JSS 方案,比如现在比较出名的styled-components ,但他们或多或少都有些问题存在,但是社区对JSS 方案的探索一直没有停下, ...
#39. 想請教類似於Ant Design這種UI庫和emotion這種CSS-IN-JS庫 ...
請問如果使用styled components或者emotion這種CSS-IN-JS library,是不是說我就可以把css ... 可以有很多從設計的理念到使用的技術,都有很多區別,各有各的優點和缺點.
#40. 資深前端工程師招募中 - 均一平台教育基金會
... React Hooks 及其ecosystem 例如redux, react-router, styled-components ... 缺點. 軟體年齡已超過十年,程式碼龐大且參雜了品質不一的legacy code 和新舊技術, ...
#41. [學習筆記] 前端框架React - Medium
二是新增UI 的當下,同時新增資料,缺點是當資資料忘記做同步更新的時候,資料& 畫面會不一致。 ... 使用套件styled-components,部分使用跟sass 類似— 可用`&`
#42. React中引入样式的5种方式(代码举例& 优缺点)_winne雪
1、引入外联样式2、内联样式3、声明式内联样式4、CSS Modules模块化5、CSS-in-JS模式(Styled-component)
#43. styled-components真的好吗? - 术之多
最近在学习react,然后遇到react中css该怎么写这个问题,上知乎上看了好多大牛都说styled-components好用是大势所趋。 但我自己用了感觉体验却很差, ...
#44. styled-components: all in js - Note
使用styled-components 解决了哪些痛点? ... export const SearchWrapper = styled.div`. 2. position: relative; ... 开发踩的坑以及目前的缺点.
#45. 如何在React 中使用Styled-Components | DesonBlog
styled -components是一种CSS-in-JS工具,可桥接组件和样式之间的鸿沟,并 ... 这是styled-components的缺点之一:在尝试提供唯一的类名时,它会为元素 ...
#46. We need a better UI component library - Styled System
我們開發網站時,可能會使用UI Library 讓專案開發更有效率,例如:早期的動態網站,透過Bootstrap 或是Pure CSS 等CSS Framework ,幫助我們快速建立 ...
#47. 關於React 中All in js的淺嘗輒止(React 柱狀圖,環形圖) - 台部落
什麼是All in js 前段時間在別人的項目上了解到了styled-components插件 ... 在與其他人的討論中也發現了一些其他缺點,比如增加了不少成本,新手不夠 ...
#48. Material-UI 系统(System) - MUI
Or if you want to use styled-components as a styling engine: ... 如果你已经正在使用核心组件,那么将不会带来额外的捆绑包资源占用。 缺点:.
#49. Thoughts on Styled Components - ZhusCafe
根据Styled Components 的方案,最终代码就会变成下面这样. <Button> <Button primary> ... 而我能想到的几个缺点是:.
#50. styled-components - 简书
介绍styled-components 是一个针对React 的css in js 类库。 ... 缺点. 可读性差,不方便直接看出组件的html 元素 ... IDE 插件. VSCode 插件vscode-styled-components ...
#51. 为什么给react-test-renderer 编写扩展 - npm
react-test-renderer 对styled-component 等对象有着很好的样式内容的识别 ... 了以上需求,缺点只是不方便检索对象,所以编写一个helper 扩展即可 ...
#52. 如何用react优雅的书写CSS - 脚本之家
缺点 : 这种方式可以造成项目结构较为臃肿,造成css命名冲突。 ... npm i styled-components或者yarn add styled-components. vscode安装插件便于书写 ...
#53. 如何用react優雅的書寫CSS
缺點 : 這種方式可以造成項目結構較為臃腫,造成css命名沖突。 ... npm i styled-components或者yarn add styled-components. vscode安裝插件便於書寫 ...
#54. 分類: Front-end - Huli
這一篇既然標題都寫styled components 了,主題當然就是圍繞在CSS 這一塊。 ... 是讓新手能夠快速上手,不用去管那些繁瑣的設定;而缺點就是若是新手 ...
#55. Vue.js 與CSS 管理~ 竹白記事本
缺點. Scoped CSS 雖然也會在class 名稱加上一個後綴屬性,將元件內CSS ... CSS 進化論:從CSS,SASS,BEM,CSS Modules到Styled Components|章辰@转 ...
#56. 頂級React組件庫推薦 - 壹讀
缺點 :. 缺乏可訪問性;. 體積很大,預計會對性能產生較大影響; ... 對於經驗更豐富的開發人員來說,他們可能會去研究styled-components / Emotion。
#57. styled-components的用法听语音 - 百度经验
styled components 一种全新的控制样式的编程方式,它能解决CSS 全局作用域的问题,而且移除了样式和组件间的映射关系。 styled-components的用法.
#58. 在React.js應用程式中處理字型定義的可擴充套件方式
我為此使用CSS-IN-JS庫 styled-components ,所以沒有使用 styles.css 。有時設計師來找我,要求改變 ... 也許下面列出的每種優點或缺點都有優點?
#59. styled-components怎么用- web开发- 亿速云
这篇文章将为大家详细讲解有关styled-components怎么用,小编觉得挺实用的, ... 缺点. 不能用stylelint 检查你的Css 代码. 在使用styled-components 的过程中也会遇到 ...
#60. [React] CSS in JS media query 及:hover 各套件實踐大比較
... 下為筆記整理和優缺點比較比較emtion vs styled vs Radium vs Aphrodite ... Component { render() { return ( <div style={styles.panel}> React ...
#61. React系列十一- React中的CSS - ITW01
方案四:css in js(styled-components); ... 內聯樣式的缺點: ... 在styled component中,就是通過這種方式來解析模組字串,最終生成我們想要的 ...
#62. React vs Angular vs Vue.js——2019 該選誰?(更新版)
在該文中,我們展示了這兩個框架的優點和缺點,為特定目的的開發者建議 ... 樣式表(CSS Modules)和CSS-in-JS(例如Emotion 和Styled Components)。
#63. React.js内联样式最佳做法
这种方法的一个缺点是,内联定义样式每次都会创建一个新对象。 ... 对于样式化组件(如和其他组件) CSS Modules ,存在很多更强大的解决方案 styled-components 。
#64. css - 使用React Styled Components在两种类型的组件之间共享相同 ...
原文 标签 css reactjs typescript visual-studio-code styled-components ... 使用原始 styles 字符串的缺点是Visual Studio Code不会对其语法进行突出显示:
#65. 有反應使用樣式內嵌的缺點,或者像StyleSheet.create反應原生 ...
有反應使用樣式內嵌的缺點,或者像StyleSheet.create反應原生 · css · reactjs · styled-components. 2017-09-26 25 views -4 likes. -4. 我有這個組件的HTML,我的 ...
#66. CSS模块和样式组件有什么区别? - ld乐动体育官方下载
CSS模块vsstyled-components. 优点和缺点. 统计数据 ... 另一方面,styled-components详情为“组件时代的可视化原语。使用最好的ES6和CSS来设计你的应用程序,没有压力" ...
#67. CSS 模块化 - 看云
Styled Components 是基于Css In Js 方式实现的一个库。 ... 优点是能给CSS 提供JS 同样强大的模块化能力;缺点是不能利用成熟的CSS 预处理器(或后处理器) ...
#68. frontend-tech - g0v.tw | slack archive
http://thejameskyle.com/styled-theming.html. jihchi 19:32:01 ... react-simple-maps - An svg map component built with and for React ...
#69. another way of styled components usage - 痞客邦
歹勢,表達能力太差,廢話一堆.... 影片本身有更多相關連結在影片下方! ============================ React裡面傳統寫CSS方式,原本要講這個啦!
#70. Re: [請益]求職問題詢問,有一些前端工作的經驗- 看板Soft_Job
建議:純css/scss搭配BEM架構或者styled-components+styled-system選一個 ... 才算真正了解到React.js的優缺點, 你才能真正寫出「像React」的案子。
#71. 【青訓營】- 關於我不知道的CSSinJS
其中一只黑馬的野馬,便是styled-components. ... 我認為styled-components 受歡迎的幾個點: ... 說說我認為的 styled-components 的缺點:.
#72. CSS 模块化演进- 《前端开发创新实践》
从实际使用情况来看,几个预处理器各有优缺点,从社区活跃度上看Sass > Less > Stylus。 ... styled-components 也是一个完全的CSS in JS 方案,先看语法。
#73. 好家伙,这些写CSS 的新姿势你还不知道? - 微信公众平台
本文就来聊聊以上三种方案的优缺点以及各自方案的代表作。 ... 在这个领域下有两个库比较流行,分别为:styled-components(下文以sc 缩写表示) 以及Emotion。
#74. CSS in JS 简介 - 阮一峰的个人网站
不过我个人还是喜欢styled-components 这个库 ... polished将css封装成函数确实很创新, 但随之而来的多个api的学习成本和可定制化差的缺点.
#75. 各公司面試題 - HackMD
Q1. styled-components 優缺點 ... styled-components vs CSS module ... 管理CSS => BEM 命名原則、Vue 的Scoped、Tailwind css 等atomic 式的css,styled-component
#76. React.js內聯樣式最佳做法
在JS中使用CSS,您可以獲得樣式標籤的所有優點,而沒有那些缺點。到今天為止,js庫中有一些流行的,受支持的CSS,包括Emotion,Styled-Components和Radium。
#77. react ui框架頂級React元件庫推薦 - 程序員學院
對於經驗更豐富的開發人員來說,他們可能會去研究styled-components / emotion。 ... 缺點:. semantic-ui-react. 包大小(來自bundlephobia):縮小後 ...
#78. Styled components | Technology Radar | Thoughtworks
当然,将CSS放入JavaScript代码中,可能会使跨不同组件样式的一致性变得更加困难,因此我们建议使用这种方法时一定要理解其优缺点。 [...]
#79. 你需要知道的CSS-in-JS - Linux公社
但从总体上看,优势还是远远盖过它的缺点。 最为流行的几个CSS-in-JS框架. CSS-in-JS. Styled Components import React, { Component } from 'react'; ...
#80. React中的四种样式使用优缺点比较 - ngui
about' //引入styled-components import Styled from 'styled-components' const HomeStyle = Styled.div` font-size:20px; color:red; .title{ color:blue; ...
#81. 使用Gatsby打造出一個寫部落格的環境 - Morris
... 優化圖片 `gatsby-plugin-styled-components`, // 使用styled-components ... 為了讓缺點能夠不要那麼是缺點,我們下次會介紹該怎麼讓它改進的為 ...
#82. react的样式方案classnames和styled-components_小虹木的博客
从npm官网来看,目前classnames的下载量越三百多万,styled-components下载量约一百多万。使用人数都是很多的,各有个的优缺点,以自己的代码习惯来选择吧。
#83. 组件样式方案 - 作业部落
缺点 :. css可复用性差; 模板和样式完全耦合. 更适合单纯的UI组件. 综合来说, Styled Components 是比Css Modules更强大的Css in Js 方案。
#84. 第三代移动端布局方案 - Fly63前端网
3.2.1、方式一:styled-components + css-in-js + JSX ... 借用了大部分工程化的能力,主要还是用来css in js的能力; 但是这样有个缺点。
#85. 前端的问题: css modules vs styled components 老 ... - BV2EX
我们这是建一个自己的产品,所以styled component 看起来还是很合适的,虽然我在初期似乎不太习惯 ... styled jsx 唯一的缺点在于不支持preprocessor ...
#86. 邪魔歪道還是苦口良藥?Functional CSS 經驗分享
我覺得這是優點也是缺點,端看你怎麼去看它。 ... 第二種解法是component,我後來意識到有些functional CSS 會碰到的問題可以靠component 來解, ...
#87. 6 个常用的React 组件库 - 环信
缺点 :. 缺乏可访问性;. 体积很大,预计会对性能产生较大影响; ... 对于经验更丰富的开发人员来说,他们可能会去研究styled-components / Emotion。
#88. 你需要知道的CSS-in-JS - 开发者头条
import styled from 'styled-components'; const Text = styled.div` color: white, background: black ` <Text>Hello ... 但从总体上看,优势还是远远盖过它的缺点。
#89. 【Web前端问题】想请教类似于Ant Design这种UI库和 ... - H5W3
请问如果使用styled components或者emotion这种CSS-IN-JS library,是不是说 ... 有很多从设计的理念到使用的技术,都有很多区别,各有各的优点和缺点.
#90. React组件设计实践总结03 - 样式的管理
在SCSS 中, mixin 是重要的CSS 复用机制, styled-components 也可以实现: ... 缺点: 就是需要学习成本, 所以这里笔者建议使用标准的cssnext 来 ...
#91. styled-components怎么用- baby i tell you
这篇文章将为大家详细讲解有关styled-components怎么用,小编觉得挺实用的, ... 缺点. 不能用stylelint 检查你的Css 代码. 在使用styled-components 的过程中也会遇到 ...
#92. styled-components - [v3]打字稿需要自动将打字切换到RN ...
创建于2018-01-23 · 19评论 · 资料来源: styled-components/styled-components ... @IljaDaderko小缺点是 View 的额外导入,而VSCode语法突出显示由于某种原因而难以 ...
#93. styled-components的用法详解-css教程-PHP中文网
缺点. 不能用stylelint 检查你的Css 代码. 在使用styled-components 的过程中也会遇到一些问题,比如我们的项目会用stylelint来做样式代码的检查,但是使用 ...
#94. 使用React Styled Components 在两种类型的组件之间共享相同 ...
目前,我正在使用字符串插值来做到这一点: 有没有更好的方法来做到这一点而不涉及使用原始字符串使用原始styles字符串的缺点是Visual Studio Code ...
#95. 2-1 元件系統的特性 - 重新認識Vue.js
元件系統(components system) 是Vue.js 另一個重要的概念與核心功能。 ... 不過這樣寫法也會有缺點,當根節點大於一個的時候,使用 this.
#96. 对比其他框架 - Vue.js
除非你把组件分布在多个文件上(例如CSS Modules),CSS 作用域在React 中是通过CSS-in-JS 的方案实现的(比如styled-components 和emotion)。这引入了一个新的面向组件的 ...
#97. hot keyword styled-components优缺点google search information ...
This page is hot keyword styled-components优缺点google search information (results).Thank you for using.
#98. 浅谈styled-components的用法- CSS
这篇文章主要介绍了浅谈styled-components的用法,小编觉得挺不错的, ... 缺点. 不能用stylelint 检查你的Css 代码. 在使用styled-components 的过程 ...
styled-components缺點 在 Re: [請益]求職問題詢問,有一些前端工作的經驗- 看板Soft_Job 的八卦
※ 引述《yohren00 (lenlin)》之銘言:
: 各位前輩們好,小弟我這邊想尋求各位意見,如果有冒犯請見諒。
: 目前29歲,只是個電機工程系,之前做的是非相關行業。
: 前陣子進了一家願意帶新人的新創公司,在那邊前輩工程師教了前端的技術給我,學會
: 了
: 1.React框架然後有接觸到官網的維修。
: 2.客戶要求的Demo使用使用Node.js處理graph API串接bot,讓客戶可以用BOT去操作
: office365相關功能等等。
: 但沒有碰到算完整的專案,有點東做做西做作,近期5月份因為肺炎關係,原定要去日
本
: 的項目都沒了,就被資遣了,整體上學的東西都並沒有到很完整,對於基礎的一些東西
: 也沒有到很精通,所以被資遣後在家有在努力自學中,但是是以做網站作品為主的學習
。
: 目前有困擾是,投履歷基本上就是沒有回應,或是面試了被打槍,目前還有2個面試要
去
: ,但有考試的基本上應該就掛了,
: 已有在udemy平台購買了"Complete React Developer in 2020"該課程,也有把網站以
架
: 構好,目前也在學後續進階的課程,但以目前作品去投履歷,大多都還是被說不行,然
: 後有興趣的公司,大多會要Vue.js或是AngularJS。
: 所以想詢各位前輩們,該往哪個方向學習,目前比較希望是,能夠先進公司碰觸專案。
: 或是有推薦的公司,小弟也會投投看去試試。
: 有看到幾門課想問下這方向是對的嗎?(找的都是偏熱門居多)
: 1.The Complete 2020 Web Development Bootcamp
: 2.The Complete Web Developer in 2020: Zero to Mastery
: 或是學習Vue.js或是AngularJS
: 1.動畫互動網頁特效入門(JS/CANVAS)(hahow學校的,看課程有碰到點Vue)
: 2.Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
: 3.Angular - The Complete Guide (2020 Edition)
: 以下小弟的GitHub帳號和作品的網站:
: 1.https://github.com/yohren00/my-app
: 網站連結:https://yohren00.github.io/my-app
: (用React刻一個簡易的網頁放入履歷資訊和GitHub的資訊)
: 2.https://github.com/yohren00/e-commerce
: 網站連結:https://len-live.herokuapp.com
: (依著Complete React Developer in 2020做出的網站,有些地方是直接用Hook代替)
: 在這邊先感謝各位大老的觀看。
: 不小心讓各位前輩爭論起來哈哈,趕快把非本科改掉。
: 這感覺就像滷肉飯要拌還是不拌,我是全都要派!
建議你前端的開發技術選一種來深耕個幾年就好,
你的問題是沒有上production可以拿出來講的案子,所以才會一直碰壁。
另外js建議要搞很熟,udemy上也有專講js的課程了,
hoisting/prototypal inheritance/execution context/closure這些觀念一定要搞懂,
雖然初階不會問,但是你要到一定程度還不會,求職到某個階段就會卡住。
面試被一問就倒,會懷疑自己到底會不會寫程式。
js玩熟了就偶爾用用js來刷刷題,維持敏感度,順便找些知識不足的地方去補。
開發工具要會用,webpack/eslint等的基本設定或者是起一個專案時,
會常利用到的東西久了自己要整理一套出來。
初步先要求寫得出來就好,需求能完成就好,
漸漸再開始去研究要怎樣把程式寫好寫美觀。
我看了一下你的github,寫的東西都偏簡單,還跳脫不出使用套件/框架的範疇。
因為我自己也是寫React.js居多,因此我想可以給你一些方向:
1.css的部分不要太依賴框架,一開始是從boostrap或reactstrap等起步是ok的,
但到一定程度會發現這些框架有侷限性,很難配合天馬行空的需求,
久了你會發現不如全部自己來就好。
建議:純css/scss搭配BEM架構或者styled-components+styled-system選一個學習,
flexbox/grid system這兩個要徹底搞懂。
2.動畫部分純css會基本的keyframe就好了,畢竟不是專業的動畫師,
有興趣可以研究react-spring
建議:看react-spring文檔
或者把這門課看完 https://www.udemy.com/course/advanced-css-and-sass/
3.React.js的生命週期/hooks/redux觀念不能一問就被問倒
建議:雖然新案子現在大部分會用hooks,但除了hooks之外也必須要了解redux,
因為了解redux出生的前因後果、所有名詞解釋與實際運用方式,
才算真正了解到React.js的優缺點,
你才能真正寫出「像React」的案子。
4.寫React時你怎麼重構,如何切分component的邊界與粒度,
以提高code reuse的最大限度?
建議:官方有提供文檔,看熟之外多寫,了解內部狀態state的該擺放的正確範圍,
寫到後來會發現在React的世界裡,
要重構與抽象化幾乎已經變直覺反應的固定套路。
5.Git會不會用?自己是不是那種從頭到尾都在master上寫code的那種人?
建議:git官方文檔看看,看完找教材來上,
目標學會基本觀念、基本開發流程和常見用法與套路。
以上我覺得都是入門到中階程度要會的東西,
若公司要我幫忙面試人的話,我大概就是從上面的方向找問題問。
高階一點的工作會開始問些全面/整合性的問題,但這不是你現階段要focus的點,
另外,還是先用點技能樹的心態,多學,
其實找學習方向不難,看這個就好了:
https://github.com/kamranahmedse/developer-roadmap
最後,野心夠大的話,每天練半小時英文口說。
你現在因為實力還不夠,所以要多充實,被洗臉很正常,
若有開發五年以上的資歷,一兩個星期大概會接到一兩次獵頭打來的電話,
其實到這程度要找工作真的不大難,
所以目標先讓自己能在業界撐三年以上,並且是真正有感自己有在進步的,
耕耘一陣子後會開始發現找工作相對容易很多。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.34.8.167 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1594379319.A.C2B.html
始拆(因為反正最至少都要寫那麼的一次 之後的重構也只是修修改改)還有命名的方式
和對state/props的影響範圍等
※ 編輯: FrAnKw (223.137.132.249 臺灣), 07/10/2020 23:58:48
... <看更多>