Как я опубликовал свой первый модуль NPM

Публикация NPM модуль Будут в контрольном списке большинства записей для разработчиков JavaScript. В конце концов, мы бы использовали множество NPM модулей самих себе, спасаем нас сотни часов развития и сделав нашу жизнь намного проще. Мы только очевидны, чтобы мы думаем о том, чтобы способствовать сообществу, которое мы обязаны.

Чтобы быть правдой, публикация один относительно прост. Но получить идею для одного, которая может оказаться полезной для сообщества (по крайней мере, теоретически;) относительно сложнее. Уже будет существовать модуль NPM для большинства проблем, о которых мы могли думать. На самом деле, как как Apple TradeMarked « есть приложение для этого ™ », NPMJS может подать товарный знак для « Для этого есть модуль NPM “.

Приходя к актуальной истории … Я разрабатываю реакцию собственного применения через несколько недель назад. Я должен был разработать пользовательский компонент, который позволил бы мне найти Плотник Поскольку нет встроенной поддержки поиска. Затем эта идея выпустить ее как модуль NPM, меня пробил. Потому что, наконец, у меня было что-то, что может быть немного полезно для того, чтобы кто-то сталкивался с подобной проблемой.

Итак, я начал делать компонент гораздо более общую и добавить поддержку для Секционный список также. Тогда я начал изучать способы освобождения пакета.

Первый шаг – инициализировать проект NPM, используя NPM init и предоставляет ему необходимую информацию.

Следующим шагом является определение модуля, на которой будет зависеть ваш пакет. В моем случае это было просто реагировать и реагировать - родной Отказ Но поскольку любой, кто будет использовать этот модуль NPM, будет делать это в их реактивном проекте, у них уже должно быть реагировать - родной установлены. Итак, они должны быть добавлены в Peerdependonds вместо зависимости Отказ Кроме того, мне не нужно было использовать какие-либо другие модули, поскольку проблема была относительно проста.

Тогда нам придется беспокоиться о версиях наших модулей, чтобы мы могли отпустить исправления ошибок, обновления функций .. С легкостью. Стандарт должен следовать семантическая версия.

патч Версия должна быть увеличена при выполнении Исправлена ​​ошибка . Минор Версия, когда мы делаем второстепенную функцию Улучшения не нарушая API. Майор Изменение версий происходит, когда мы делаем ** разбитое изменение ** к нашему модулю.

Следующим шагом является организация нашего кода. Точка входа будет тем, который мы указали в Package.json. По умолчанию это было бы index.js. Мы могли бы организовать это в зависимости от того, как мы находим удобно.

Последний шаг – подготовить полезную Readme.md Так что, люди, которые на самом деле хотели бы использовать наш пакет непринужденным.

Как только у нас все на месте, мы должны проверить, работает ли наш пакет. Поскольку он еще не опубликован, нам придется проверить его, установив – давая ему путь к файлу вместо имени пакета. Что-то вроде NPM Установите будет делать трюк.

Если все работает нормально, мы достаточно хороши, чтобы публиковать его в НПМ. Это так просто, как NPM Login && NPM публикация Если у нас уже есть аккаунт с NPMJS.

Вот …| ссылка модулей в NPMJS.

Я также пошел на шаг вперед и создал реактивное применение, которое демонстрирует функциональные возможности этого модуля. Это приложение также очень помогло мне в усилиях документации.

Chandrrasecar-g/rnsearchablistdemo

Реагирование собственное применение для демонстрации особенностей React-National-oussool-list

Вот …| гадость Репо и NPM Page

Настраивать

git clone https://github.com/Chandrasekar-G/RNSearchableListDemo.git
cd RNSearchableListDemo
react-native run-ios 

ДЕЛАТЬ

1. Мне придется писать тесты подразделения, используя шутки. Я начал тестировать свои компоненты с шумами шума. Но я просто хочу быть уверен, что я пишут тесты на фактически решить, чтобы быть полезными, а не писать их ради этого.
2. После того, как шутки были готовы, добавьте CI предпочтительно TRAVIS.
3. Добавление поддержки для выделения текста, соответствующего запросу поиска.

Не стесняйтесь попробовать этот модуль. Любая конструктивная обратная связь/тяговые запросы приветствуются:)

Chandrrasekar-g/rac/

Обелка вокруг складки и сечения с функцией поиска.

Мощная обертка вокруг реагирования на родной список складки и сечение, чтобы обеспечить встроенную функцию поиска React-National-oussool-list Предназначен, чтобы быть простым, но мощным оболочкой вокруг реагирования Native’s FlatList и компоненты в разрезе, чтобы обеспечить их функциональностью поиска.

Установка

npm i react-native-searchable-list --save

1. Ищете компьютерFLATLIST

API.

По умолчанию ПоиборочныйФЛАТЛИСТ Также наследует все реквизиты реагирования родных Плоский список . Вы можете использовать практически любые реквизиты, которые вы будете с ним.

использование

import

Оригинал: “https://dev.to/chandrasekarg/how-i-published-my-first-npm-module-foc”