가장 좋은 로컬 날짜 선택기 라이브러리

7203 단어 react
많은 응용 프로그램에 있어 날짜 선택기는 흔하고 없어서는 안 될 구성 요소이다. 특히 행사 예약을 촉진하는 응용 프로그램, 예를 들어 호텔 예약 응용 프로그램은 틈새 없이 날짜를 선택하는 데 도움을 줄 수 있다.날짜 선택기는 잘못된 날짜를 입력하지 못하도록 확보하고 날짜 범위를 제한하며 날짜 형식의 혼란(예를 들어 isJuly 9, 2010이나 September 7, 2010을 없애 날짜 검증 문제의 복잡성을 낮추어 응용 프로그램의 가용성을 높인다.
안드로이드와 iOSDatePickerAndriodDatePickerIOS에 React 네이티브 날짜 선택기 API를 제공하는 React 네이티브 프레임워크가 사용되지 않습니다.현재 선택은 날짜 선택기를 처음부터 구축하거나 다른 날짜 선택기 라이브러리를 사용하는 것입니다.
우리는 몇 가지 유행하는React 원생 날짜 선택기 라이브러리를 연구하고 시도하여 하나의 좋은 라이브러리를 구성하는 요소에 따라 네 가지 옵션으로 축소시켰다.4대 도서관 중에서 우리는 React-Native DateTimePicker가 가장 좋은 것을 발견했다.우리는 당신에게 우리의 선택 이유를 소개할 것입니다.

도서관을 선택하기 전에 무엇을 고려해야 합니까?


최상위 React Native date picker 라이브러리를 선택할 때 다음과 같은 몇 가지 요소를 고려했습니다.
문서: 문서는 모든 도서관의 필수품이기 때문에 도서관에 문서 파일이나 사이트가 있는지 확인해야 합니다.문서가 상세합니까? 간단한 언어로 작성합니까?그것은 어떻게 라이브러리를 설치하고 설정하는지, 어떻게 코드 예시를 통해 라이브러리를 사용하는지, 그리고 어떻게 흔한 문제나 흔한 문제를 해결하는지 명확하게 강조했습니까?
인기 정도: 만약 많은 개발자들이 특정한 라이브러리를 적극적으로 사용한다면, 그것은 이 일을 완성할 가능성이 높다.우리가 본 인기 지표는 도서관npm 페이지에 기록된 다운로드량, GitHub의 폭스, 스타, 사용자와 공헌자 수 등 지표를 포함한다.
코드 업데이트 빈도: 만약 라이브러리의 코드 라이브러리가 빈번하게 업데이트되지 않았다면, 이것은 라이브러리가 효과적인 유지보수를 받지 못했다는 것을 의미한다.주의해야 할 지표는 마지막 제출 날짜 (1년 전보다 큰 문제는 모두 주목할 만하다), 개방 및 폐쇄 문제의 수량 (후자는 전자보다 커야 한다), 그리고 최종 버전이 발표된 날짜입니다.
가용성: 도서관을 사용하는 것이 얼마나 쉽습니까?당신은 기존의 기술 이외의 신기술을 배워야 합니까?그것은 당신이 필요로 하는 모든 플랫폼을 지원합니까?
소포 크기: 소포를 추가할 때 무게가 얼마나 증가합니까?그것은 당신의 응용 프로그램의 크기를 현저하게 증가시킬 수 있습니까?당신은 bundlephobia를 사용하여 검사를 진행할 수 있습니다.
창작자의 명예: 누가 도서관의 창작자/관리자입니까?그들의 경력은 무엇입니까?그들은 다른 소스 라이브러리를 성공적으로 구축하고 유지했습니까?

React Native DateTimePicker가 가장 좋은 날짜 선택기 라이브러리인 이유


앞에서 말한 바와 같이 우리는 위에서 논의한 요소를 사용하여 몇 개의React 원생 날짜 선택기 라이브러리를 평가했는데 그 중에서 React-Native DateTimePicker는 가방에서 뛰어나다.가장 인기가 많고 다운로드량이 많으며 React 원생 커뮤니티가 창설하고 유지보수한다. React 원생 커뮤니티는 React 원생 생태계에서 가장 인기 있는 소프트웨어 패키지를 구축하고 유지하는 같은 팀이다.
다음은 최상위 레벨 라이브러리의 세부 사양입니다.
  • 문서: repo’s README.md on Github를 통해 문서를 얻을 수 있습니다."라이브러리의""DateTimePicker""구성 요소를 설치, 설정 및 사용하는 방법과 공인된 모든 도구에 대해 설명합니다
  • ."
  • 선호도: 46명의 공헌자, 1.2k명의 스타, GitHub의 162만 사용자, 매주 약 15만 번의 다운로드
  • 코드 업데이트 빈도: 첫 번째 버전released on 18 June 2019 이후 매달 적어도 한 번씩 새 버전
  • 을 발표한다.
    Windows 및 Android 운영 체제를 지원합니다.Expo 지원 - React 원본 응용 프로그램 구축에 사용되는 공식 도구체인
  • 가방 크기: 188kb
  • 창작자의 명예: 현지 지역사회에서 창설하고 적극적으로 유지

  • 고려할 만한 로컬 날짜 선택기 라이브러리 옵션


    우리의 평가에 따르면, 우리는 다른 React 원생 날짜 선택기 라이브러리도 추천할 만한 가치가 있다는 것을 발견했다.React Native DateTime Picker가 사용자의 요구에 맞지 않는다면, 세 가지 다른 선택이 있습니다. 이 세 가지는 인기가 많고, 좋은 문서가 있으며, 사용하기도 간단합니다.

    React 네이티브 모드 날짜 시간 선택기

  • 문서: 문서를 repo’s readme.md on Github에 호스팅합니다.그것은 라이브러리에서 설치, 설치, 사용DateTimePickerModal 구성 요소에 필요한 모든 기초 지식과 받아들일 수 있는 모든 도구와 흔한 문제 해답에 대한 설명을 포함한다.
  • 인기: 매주 약 10만 회 다운로드, 스타 2.2만 명, GitHub 가입자 9.1만 명, 공헌자 76명
  • 코드 업데이트 주파수: 리셋 활성화.2016년 10월 6일 첫 출시 이후 66개 이상 출시
  • 가용성: Android 및 iOS 지원그리고 엑스포의 지지.그러나 엔진 덮개 아래에서 사용하기 때문에 그것에 의존한다.만약 당신의 데이트 선택자를 하나의 모델에서 보게 하고 싶다면 이것은 좋은 선택이다.
  • 묶음 크기: 35.2kb(묶음 중 가장 가벼운 무게)
  • 창작자의 명성: React-Native DateTimePicker, inVision
  • 의 소프트웨어 개발자

    마테오 마자로로

  • 문서: 문서는 React-native-date-picker에 위치하고 라이브러리의 "DatePicker"구성 요소를 설치, 설정 및 사용하는 데 필요한 모든 기초 지식과 수용 가능한 도구, FAQ에 대한 설명을 포함한다.
  • 인기: 826명의 스타, 24명의 공헌자, 1.5k GitHub 사용자, 매주 약 26000회 다운로드
  • 코드 업데이트 빈도: 2018년 4월 8일 처음 발표된 이래 모두 71개의 버전이 있고 매달 적어도 하나의 새로운 버전이 코드 업데이트와 오류 복구를 진행한다
  • 가용성: Android 및 iOS 지원엑스포의 지지를 받지 못하다.안드로이드와 iOS 프로그램에서 통일된 날짜 선택기를 사용하고 싶다면 이상적인 선택이다.
  • 가방 크기: 157kb
  • 창작자의 명예: 헨닝 호르, SF 스튜디오의 자바스크립트 개발자
  • 환매의 자술.Github의md

  • 문서: React-native-calendar-picker를 통해 문서를 얻을 수 있습니다.라이브러리에 있는'Calendar Picker'구성 요소를 어떻게 설치하고 설치하며 사용하는지 상세하게 보여주고, 모든 수용 가능한 도구를 토론하며, 서로 다른 작업을 수행하는 몇 가지 코드 예시를 보여 준다.
  • 인기/활약 커뮤니티: 579명의 스타, 1.4k GitHub 사용자, 38명의 공헌자, 매주 약 5000회 다운로드
  • 코드 업데이트 빈도: 31개 버전 초과 발표.최초 버전이 2018년 3월 10일 발표된 이후 매년 최소 5개 버전이 버그 복구와 코드 라이브러리 업데이트에 사용되고 있다.
  • 가용성: Android 및 iOS.시간 없어.엑스포의 지지를 받지 못하다.모든 플랫폼에서 날짜를 선택할 수 있는 간단한 달력 인터페이스를 원한다면 좋은 선택이다.
  • 가방 크기: 99.6kb
  • 창작자 평판: repo’s readme.md on Github, 넷플릭스 고급 소프트웨어 엔지니어
  • 스티븐 비쇼프 React Native DateTimePicker 시작


    너는 이미 우리의 에 대한 견해를 들었다.이제 프로젝트에 어떻게 설치하고 사용하는지 개술해 봅시다.시작하기 전에 XCode>=11.6을 확인하고 0.60 이상의 네이티브 버전을 사용하십시오.
    1.npm/사선으로 설치
    npm install @react-native-community/datetimepicker --save
    
    2. 프로젝트 재구성
    npx pod-install
    
    3. 수입 및 사용
    import React, {useState} from 'react';
    import DateTimePicker from '@react-native-community/datetimepicker';
    
    const App = () => {
    
    const [date, setDate] = useState(new Date());
    
    const onChange = (event, selectedDate) => {
     const currentDate = selectedDate || date;
     setDate(currentDate);
    };
    
     return(
          <DateTimePicker
             value={date}
             onChange={onChange}
           />
     )
    }
    
    더 자세한 설명과 예는 도서관의 React-Native DateTimePicker를 보십시오.

    자술하다.의학 박사 모든 용례의React 원본 날짜 선택기 라이브러리


    서로 다른 React Native date picker 라이브러리 간에 필터링할 때 사용 편의성, 적극적인 개발과 인기 정도 등을 바탕으로 React Native DateTime Picker가 우선이다.
    즉, Google의 전체 라이브러리 목록에서 증명한 바와 같이, 사용자의 사용 상황에 상관없이, 이 기기의 날짜 선택 라이브러리에 응답할 때, 유행하고 효율적이며 사용 가능한 옵션이 적지 않습니다.

    좋은 웹페이지 즐겨찾기