분류 Reactjs

2019년 리액트 개발자를 위한 22 가지 놀라운 도구 (4)

컨텐츠 정보

  • 조회 414 (작성일 )

본문

16. React Starter Projects 


다음은 한 페이지에서 모두 볼 수 있는 react 스타터 프로젝트 목록입니다. 따라서 당신이 동시에 선택할 수 있는 거대한 옵션 목록을 제시하는 것이 빠르고 유용한 사람 유형이라면, 이것은 당신을 위한 것입니다.


원하는 스타터 프로젝트가 보이면 간단히 리포지토리를 복제하고 곧 출시 될 앱에 맞게 원하는 대로 수정할 수 있습니다. 그러나 이들 중 일부는 대신 설치 되어야 하기 때문에 리포지토리를 복제하여 사용하도록 의도 된 것은 아니며, 이는 프로젝트에 영향을 미칩니다. 이를 통해 업데이트를 보다 쉽게 ​​받고 프로젝트를 보다 깨끗하게 유지할 수 있습니다.


페이지 모양은 다음과 같습니다.


react starter projects1 


17. 하이라이트 업데이트 


이것은 아마도 개발 툴킷에서 누구나 가질 수 있는 가장 중요한 도구입니다. 이것은 react devtools 확장 기능으로, 페이지의 어떤 구성 요소가 불필요하게 다시 렌더링 되는지 확인할 수 있습니다.


react render lines 


페이지를 개발하는 동안 병목 현상을 발견하고 주황색 / 빨간색으로 심각한 재 렌더링 문제를 채색 할 때 더 쉽게 만들 수 있습니다.


평범한 앱을 만들려고 하지 않는 한, 왜 이 아름다운 것을 내 옆에 원하지 않겠습니까?


18. React Diff Viewer 


react-diff-viewer는 Diff와 React로 만든 간단하고 아름다운 텍스트 diff 뷰어입니다. 분할보기, 인라인 보기, 단어 차이, 줄 강조 표시 등과 같은 기능을 지원합니다.


이 기능을 노트 (Ahem Boostnote)에 포함시키고 앱 (테마 색상, 스토리 북 프리젠 테이션과의 문서 조합 등)에 맞게 사용자 정의 할 때 유용 할 수 있습니다.


react-diff-viewer 


19. js.coach 


react 관련 자료를 찾기 위해 가장 많이 사용하는 사이트는 js.coach입니다. 이제 왜 이 보석에 대한 많은 언급이 보이지 않는지 잘 모르겠지만 이 페이지에서만 필요한 모든 것을 발견했습니다. 빠르고 쉽고 지속적으로 업데이트 되며 모든 프로젝트에 필요한 결과를 얻지 못합니다.


그들은 최근 React VR 탭을 추가했습니다.


20. awesome-react 


GitHub 최고 react 오픈 소스 리포지토리는 react과 관련된 멋진 것들의 목록입니다.


다른 웹 사이트가 존재한다는 것을 알 수 없으며 이 링크에서만 react하는 법을 배울 수 있습니다. 훌륭한 react 앱을 구축하는 데 도움이 되는 유용한 리소스가 많이 있습니다!


21. proton-native 


proton-native는 크로스 플랫폼 기본 데스크톱 앱을 구축 할 수 있는 react 환경을 제공합니다.


Electron의 대안이며 다음과 같은 깔끔한 기능이 있습니다.

  • React Native와 동일한 구문
  • Redux와 같은 기존 React 라이브러리와 작동
  • 크로스 플랫폼
  • 기본 구성 요소. 더 이상 전자
  • 모든 일반 Node.js 패키지와 호환

더 배우고 싶으세요? 그들의 문서를 읽으십시오.


22. Devhints React.js Cheatsheet 


아주 좋은 React 치트 시트


결론 


이것으로 이 포스트의 끝이 끝납니다! 여기에서 귀중한 정보를 발견하고 앞으로 더 많은 정보를 얻을 수 있기를 바랍니다.