작년에, 나는 2017 년에 배울 최고 기술을 반올림하는 기사를 썼다 . 올해에는 몇 가지 놀라운 일이 있습니다.
우리는 "학습 주제를 통해 투자를 배우는 시간에 가장 높은 수익을 얻을 수있는 기회를 얻게 될 것입니다"라고 답했습니다.
첫째로, 소프트웨어는 세계를 먹고, 웹은 소프트웨어를, 자바 스크립트는 웹을 찾았다. 2018 년 React - 자바 스크립트를 먹고 있습니다.
2018 년 : 반응의 해
React는 2017 년에 인기 전투에서 승리했습니다.
Angular 코드 기반에서 작업하는 개발자가 여전히 많습니다. Google Base에 표시됩니다.
그러나 React가 고객 만족도 조사에서 계속 우위를 차지함에 따라 React 성장으로 인해 Angular (및 기타 모든 요소)가 분출되었습니다.
Vue.js는 무엇입니까? 나는 그것이 뜨거운 것을 들었다.
모두는 Vue.js와 같은 대안에 입술 서비스를 지불하는 것을 좋아합니다. 작년에 제가 말한 내용은 다음과 같습니다.
Vue.js 에는 수많은 GitHub 별과 다운로드가 있습니다. 일이 계속 진행된다면 2017 년에 아주 잘 될 것입니다.하지만 내년에 반응이 두 배나 빠를 것이라고 생각하지 않습니다. 당신이 React 또는 Angular를 배운 후에 이것을 배웁니다.
Vue.js는 2017 년에 아주 잘 해냈습니다. 많은 헤드 라인이 있었고 많은 사람들이 관심을 보였습니다. 내가 예상했듯이, 그것은 억류하는 React에 가깝지 않았고 , 2018 년에 React와의 자리를 비우지 않을 것이라고 확신합니다. 즉, 2018 년 각도를 따라 잡을 수 있습니다.
보시다시피, Vue.js는 Angular 다운로드에서 얻고 있습니다.
그러나 React는 강한 리드와 강한 성장률을 가지고 있습니다.
Vue.js는 여전히 React보다 빠르게 성장하고 있습니다. 2017 년에 React vs Angular와 다른 이유는 무엇입니까?
2016 년 말에 자바 스크립트 세계는 새로운 프레임 워크를 준비했습니다. 각도 사용자는 매우 만족하지 못했고 반응 사용자는 매우 만족했으며 많은 사람들이 React를 배우기를 원했고 Angular를 배우려는 사람은 거의 없었습니다. 2017 년 말에 2+ 이상의 사용자 만족도는 여전히 절반 이하로 49 %에 이릅니다.
이야기는 React vs Vue.js와 매우 다릅니다. React는 Vue.js를 사용자 만족도(93 % ~ 90 %) 에서 이기고 있습니다. 2017 년 초에 React에서 전환하는 큰 인센티브는 React 라이센스에 대한 혼란 때문이었습니다. 페이스 북은 사용자의 말을 듣고 라이센스를 바꿨다.
이 단계에서 시장이 React에서 다른 무엇으로 전환 할 동기가 있다는 강력한 증거는 볼 수 없습니다. Vue.js는 jQuery와 Angular에서 사용자를 훔치는 것보다 React에서 사용자를 훔치는 데 훨씬 더 많은 시간을 할애 할 것입니다.
Vue.js가 앵귤러 및 jQuery 사용자를 빠른 클립으로 집어 넣을 수있는 여지는 충분하지만 성장을 계속하기 위해 React에서 사용자를 훔치기 시작하면 벽돌 벽에 부딪 힐 수 있습니다.
나는 1 년이나 2 년 동안 강한 Vue.js 성장을 예측했고, 그 다음으로 React와의 경쟁이 더 치열 해졌고, Vue.js는 큰 변화로 인해 균형을 잃지 않는 한 두 번째 피들로 강등되었습니다.
채용 정보
jQuery가 떨어졌습니다.
구직 목록에서 React는 완전히 벗어나 jQuery를 지난 순간부터 불식 시켰습니다. jQuery는 10 년 만에 jQuery를 직업의 인기로 전달했습니다 .1 우리가 목격 한 것은 시대의 끝입니다.
작년의 차트와 비교 :
이 차트에서 정말 흥미로운 점은 jQuery가 떨어지는 것보다 다른 라이브러리가 많이 증가했다는 것입니다. 프런트 엔드 프레임 워크를 언급하는 총 열린 작업은 작년에 비해 ~ 10k 이상 증가했습니다.
일자리가 늘어남에 따라 평균 급여도 인상되었습니다. 2016 년 말 $ 93k에 비해 $ 110k 입니다. 같은 기간의 인플레이션 율은 2 % 미만으로 급여의 일부만 차지했습니다 후원.
확실히 2018 년 후보 시장입니다.
1. 방법론 : Indeed.com에서 구직 활동이 수행되었습니다. 가양 성을 없애기 위해 필자는 키워드 "소프트웨어"를 검색하여 관련성을 높이고 약 1.5 배 ( "소프트웨어"라는 단어를 사용하는 프로그래밍 작업 목록과 그렇지 않은 단어를 대략적으로 곱함)을 곱했습니다. ) 모든 SERPS는 날짜순으로 정렬되어 관련성을 확인했습니다. 결과 수치는 100 % 정확하지는 않지만이 기사에서 사용 된 상대적 근사값에 대해서는 충분합니다.
프레임 워크 권장 사항
올해의 숫자를 살펴본 후에 모바일 앱 (PWA, React Native), 웹 애플리케이션, 대부분의 사무용 생산성 애플리케이션 및 데스크톱 미디어 콘텐츠 제작 애플리케이션을 포함한 가장 일반적인 앱 개발 사용 사례에 대해 React를 강력하게 추천 할 준비가되어 있습니다 ( Electron ).
Featherweight 마케팅 방문 페이지 (프레임 워크를 완전히 건너 뜁니다), 3D 게임, AR / VR 등 주목할만한 카테고리 예외가 있습니다. 3D 콘텐츠를 보려면 Unity , Unreal 또는 PlayCanvas를 확인하십시오 . 즉, React는 3D 콘텐츠 UI에도 사용되고 있습니다.
올해 다른 모든 프론트 엔드 프레임 워크를 엄격하게 선택하겠습니다. 이것은 그들이 차가운 사람이 아니라는 것을 의미하는 것은 아니며, 직업 시장에서 반응하는 심각한 경쟁자는 아닙니다. 기억하십시오.이 목록은 ROI를 배우는 것이지 어떤 기술이 "최고"인지에 관한 것이 아닙니다.
왜 그렇게 많은 관심을 가지 죠?
React 구인리스트를 살펴보면 흥미로운 추세를 발견했습니다. 그 중 많은 것은 프론트 엔드 웹 작업으로 생각하지 않는 것들이었습니다.
- React Native (원근감을 내기 위해 총 Vue.js 개관 수보다 더 많은 출입구가 있습니다)
- IoT에 대한 반응
- AR / VR에 대한 반응 (채용 비용을 선도하는 Oculus Rift 포함)
- 당신이 들어 본 적이없는 모호한 컴퓨팅에 대한 반응
React는 웹 루트에서 벗어났습니다.
다양성은 React의 큰 판매 포인트 중 하나입니다. 다른 많은 프레임 워크와 달리, React를 사면 데이터 모델이나 브라우저 또는 DOM 자체에서 구운 물건을 구입할 필요가 없습니다. 실제로 JavaScript를 언급하지 않은 React 구직 목록을 많이 발견했습니다.
React는 또한 React의 사실상 표준에 얽매여있는 풍부하고 생생한 생태계를 제공합니다. jQuery 플러그인이 웹을 지배 한 이래로 JavaScript 세계에서는 보지 못했습니다.
문제는 더 이상 "어떤 프레임 워크"가 아닌가? "
문제는"어떤 기술이 React와 가장 잘 어울리는가? "
아무도 2018 년에 React를 석방하지 않을 것입니다 (아마도 2019 년까지). 넌 안전 해. 자바 스크립트 피로가 진정되고있는 것 같습니다. 우리는 지금 애플 리케이션을 구축 할 수있는 훌륭한 프레임 워크를 가지고 있으며 React를 중심으로 멋진 생태계가 형성되어 있습니다.
어떤 주제를 공부해야합니까?
작년과 마찬가지로 본질에 초점을 맞춰 잘못 갈 수는 없지만 React 앱의 기능적 프로그래밍에 더 중점을 두어야합니다.
반응은 두 가지 주요한 이유로 크다.
- 결정 성있는 뷰 렌더링
- 직접 DOM 조작으로부터 뷰 레이어 추상화하기
결정론은 본질적으로 함수형 프로그래밍의 정의 인 순수 함수를 사용하여 응용 프로그램을 빌드하는 것이 가장 좋습니다.
이를 염두에두고 공부해야 할 몇 가지 주제는 다음과 같습니다.
- 기본 ES6 구문
- 클래스 구문과 많은 함정 -
classReact 구성 요소에는사용할 수있지만 자신의 클래스에서 확장하지 않도록하고instanceof, 클래스의 사용자가new키워드를 사용하지 않도록하십시오. - 기능 프로그래밍 및 소프트웨어 구성
- 커링
- 마감
- 순수 함수
- 약속
- 발전기 및 비동기 함수
- TDD
- RAIL 성능 모델
- 프로그레시브 웹 응용 프로그램 (PWAs가) 를 참조하십시오 "네이티브 앱은 운명" 및 "왜 네이티브 앱은 정말 운명"
- GraphQL 은 2017 년에 성숙되어 REST API를 신속하게 인계받습니다. Apollo는 2018 년에 Redux에 Apollo + GraphQL을 심각한 대안 (또는 보완)으로 만들 수있는 내장 된 오프라인 클라이언트 캐시 아키텍처를 추가하고 있습니다.
라이브러리 및 도구
다음은 가장 유용한 라이브러리 및 도구입니다.
- 반응하다
- Redux
- 비동기 I / O를 관리하고 부작용을 격리하는 Redux-Saga
- Next.js - SSR with Node & Express, 자동 번들 분할, 스타일 -jsx
- 재질 UI
- 이야기 책
- 단위 테스트 용 Cheerio 반응성 성분 (나는 효소보다 이것을 선호 함)
- Lodash (나는 유틸리티를 선호한다
lodash/fp). 번들 크기가 날아 가지 않도록 필요한 유틸리티 만 가져옵니다. - Babel : 오래된 브라우저에서 작동하도록 ES6을 컴파일하는 데 사용됩니다.
- Webpack : 표준 JavaScript를위한 가장 인기있는 묶음 기는 간단한 스타터 키트 / 보일러 플레이트 구성 예제를 사용하여 빠르게 실행됩니다.
- ESLint : 구문 오류 및 스타일 문제를 조기에 파악하십시오 . 코드 검토와 TDD 후 코드에서 버그를 줄이기 위해 할 수있는 세 번째 방법입니다.
- Ramda - 주로 렌즈 및 변환기 용.
- 노드 및 익스프레스
- RxJS : 자바 스크립트의 관찰 대상. 나는 최근에 트랜스 듀서를 더 많이 사용 해왔다. 번들 크기가 날아 가지 않도록 pipeable 연산자 를 사용해야 합니다.
TypeScript 는 2017 년에 좋았지 만, 도움이되는 것보다 더 많은 것을 복잡하게 만들었 습니다. 추론과는 달리 주석에 대한 의존도와 형언 할 수없는 왜곡없이 고차원 함수를 적절하게 입력 할 수 없다는 것이 주요 단점입니다. 나는 잠시 풀 타임 일일 시험판을 보냈지 만, 이것들은 여전히 적용됩니다 : "정적 유형에 관한 충격적인 비밀" & "당신은 TypeScript가 필요하지 않을 수도 있습니다" . Flow는 동일한 문제를 공유하며 개발자 도구는 TypeScript만큼 좋지 않습니다.
2018 년에 볼 기술
이러한 R & D 분야는 모두 2018 년에 실질적인 일자리를 창출하고 있습니다.
- 점진적 웹 응용 프로그램 (PWA)
- 블록 체인 및 fintech
- 의료 기술
- AR / VR - Hololens, Meta 및 ODG가 오늘 발송됩니다. ODG R-9는 2017 년에 출하 될 예정 이었으나 2018 년에 출하 될 것으로 보인다. MagicLeap은 2018 년에 출하 할 것을 약속했습니다. AR은 휴대폰보다 인간의 경험을 더 많이 바꿀 것입니다.
- 3D 인쇄
- 일체 포함
- 드론
양자 컴퓨팅 또한 세계를 변화시킬 태세이지만, 실제로 중단이 시작되기 전인 2019 년이 될 수도 있습니다. 양자 컴퓨터는 온라인으로 작동하지만 아직 많이 할 수는 없습니다. 대부분의 개발자가 생산적으로 실험을 시작하는 것은 아직 이르다. Microsoft는 최근 양자 컴퓨팅을위한 Q # 프로그래밍 언어 를 발표했습니다 . 한편, IBM 과 구글은 또한 배아 클라우드 양자 컴퓨팅 시장을 소유하기 위해 많은 투자를 계속합니다.
양자 컴퓨팅을 배우기 위해 준비하고 싶다면, 선형 대수학 을 공부하고 싶을 것 입니다. 람다 미적분학에 기반한 양자 컴퓨팅의 기능적 탐구도 있습니다 .
인공 지능에서 보았 듯이, 적은 수의 배경을 가진 사람들이 양자 컴퓨팅의 일부 기능을 이용할 수있게 해주는 클라우드 API가 개발 될 것입니다.
팀에 대한 교육에 대한 반응이 필요합니까?
DevAnywhere는 실시간 원격 교육과 1 : 1 멘토십을 제공하여 React를 최대한 활용하는 데 중요한 기능 프로그래밍 및 소프트웨어 구성 원리를 가르칩니다.
- 라이브 수업
- 유연한 근무 시간
- 1 : 1 멘토 십
- 실제 제작 앱 제작
Eric Elliott 은 "Programming JavaScript Applications" (O'Reilly)와 DevAnywhere.io의 공동 창립자입니다 . 그는 Adobe Systems , Zumba Fitness , 월스트리트 저널 , ESPN , BBC 및 어셔 , 프랭크 오션 , 메탈리카 등을 포함한 최고의 레코딩 아티스트를 위한 소프트웨어 경험에 기여했습니다 .
그는 세계에서 가장 아름다운 여성과 그가 원하는 곳 어디에서나 일합니다.
'Front-End(기타자료)' 카테고리의 다른 글
| React/JSX Style Guide (0) | 2018.03.11 |
|---|---|
| Sass Style Guide (0) | 2018.03.11 |
| Airbnb CSS Style Guide (0) | 2018.03.11 |
| 프론트엔드 가이드 라인 (Frontend-guidelines) - CSS 편 (0) | 2018.03.10 |
| 프론트 엔드 가이드 라인 (Frontend-guidelines) - HTML 편 (0) | 2018.03.10 |