Экосистема Javascript становится огромной. Есть несколько библиотек, которые я обязательно буду использовать в ближайшие месяцы. Приятного чтения!
Погружение
Особенно при работе с React и Redux мы знаем, что неизменность имеет решающее значение. Написание редюсера может быть головной болью из-за не очень интуитивно понятного синтаксиса, необходимого для неизменного выполнения каждого изменения состояния. Immer, по-немецки всегда, представляет собой небольшой пакет, который предлагает действительно хорошее решение этой проблемы.
Изменения в массивах и других итерируемых объектах можно выполнять старомодным удобным способом. Все согласны с тем, что простое нажатие на массив может быть немного более удовлетворительным, чем оператор расширения.
Использование метода «производство» позволяет нам сделать именно это. Развлекайся!
onAddTodo = () => { this.setState( produce(todo => { todo.push({ title: "Read more about Immer"}) }) ) }
Это подводит меня к следующему:
Редукс Инструментарий
Если вам нравится использовать Redux и вы не слышали о Redux Toolkit. Немедленно проверьте их документацию! Хотя Redux может быть очень хорошим решением для управления состоянием в любом приложении Javascript/React, управлять всеми необходимыми файлами и кодом может быть чертовски сложно. Вы обнаружите, что редактируете код в трех разных местах для простой функциональности. Конечно, польза есть, но иногда усилия слишком велики.
Думаю, разработчики Redux знали об этом и решили создать удобную библиотеку, которая значительно упрощает жизнь.
https://redux-toolkit.js.org/
configureStore, createAction, createReducer и createSlice станут вашими новыми лучшими друзьями в предстоящие дни кодирования.
Если вы не знаете, как работает Redux, я бы посоветовал вам начать с основ. Попробуйте понять принципы, поэкспериментируйте с ними, убедитесь сами, почему «ванильный Redux» не всегда так прост в обслуживании, а затем приступайте к работе с Redux Toolkit. Развлекайся!
NextJS
Я большой поклонник NextJS. Так что я планирую написать статью об этой замечательной библиотеке в ближайшие недели, спойлер! Эта библиотека поможет вам вывести ваше приложение React на новый уровень, включив рендеринг на стороне сервера.
Некоторое время назад я искал способ сделать это. До сегодняшнего дня NextJS был моей любимой библиотекой для выполнения работы.
Нативбазе
Как разработчик React Native, Native Base очень поможет вам в запуске вашего проекта. Это отличная библиотека пользовательского интерфейса с множеством простых, но красивых компонентов.
Я также прочитал в одном из комментариев в их репозитории git, что они планируют представить Typescript в следующей версии. Это то, чего можно с нетерпением ждать!
Почетные упоминания
MomentJS: вы должны это знать. Но если вы боретесь с преобразованием даты, это библиотека для работы.
Chrono: остаемся в категории обработчиков даты. Chrono — это библиотека, которая позволяет распознавать даты на основе естественного языка. С этим можно сделать много классных вещей. Может быть, попробовать совместить это с MomentJS?
Анимация при прокрутке. Именно так, как в названии. Это то, что мы видели на многих одностраничных веб-сайтах, и, честно говоря, это выглядит причудливо.