Свързани публикации 'react'
🚀 Как да структурирате проект в React 📄
Въведение:
React е популярна JavaScript библиотека за изграждане на потребителски интерфейси и е важно да структурирате проекта си по начин, който го прави лесен за управление и поддръжка. В това ръководство ще ви покажем как да структурирате React проект, използвайки подход с три изгледа, който ще ви помогне да визуализирате различните компоненти на вашия проект. Ще разгледаме и някои най-добри практики за организиране на вашия код и ресурси.
Изглед 1: Структура на проекта
1. Основна..
Как един проект на React с отворен код ми осигури работа в чужбина
Нормално е хората в технологичната индустрия да се движат по света в търсене на по-добра работа или дори просто да се местят заради самото движение, популярните Digital Nomads ™. Не знаех какво точно искам да правя с живота си, но знаех, че в крайна сметка ще напусна Бразилия, за да живея някъде в чужбина.
Как започна всичко
Около 2016 г. започнах да работя по някои лични проекти и да ги публикувам в GitHub, като разширението Magento Chatbot за Magento и Contract Builder , които..
Vue.js срещу React.js
О, това ще бъде сочно! Сигурен съм, че много хора са яростни поддръжници на една от тези технологии и ревностни привърженици на другата. Както Vue.js, така и React.js са доста нови на сцената – нека вземем малко основна информация, за да започнем. Ще отида в обратен азбучен ред, за да не обидя някого още от портите. ;)
Първо, Vue и React са много сходни. И двете са библиотеки, предназначени да бъдат използвани за създаване на композируеми „изгледи“ (думите на Vue) или „потребителски..
Desklamp: Всичко-в-едно маршрутизиране и библиотека с неизменно състояние за React.
Целта на Desklamp е да предостави на разработчиците прост контейнер с постоянно неизменно състояние, комбиниран с вградено маршрутизиране. По-долу е описано примерно приложение с две страници, създадено с помощта на Desklamp и React.
Първата стъпка е да инсталирате npm desklamp във вашия React проект —
След това създайте файл index.js и импортирайте свойствата на Desklamp и Container от Desklamp заедно с React и ReactDOM.
Следващата стъпка е да използвате компонента Desklamp..
Mobdux: Комбиниране на добрите части на MobX и Redux
MobX и Redux ви дават два противоположни начина за ефективно управление на състоянието ви в приложение на React. Като експеримент се опитах да обединя добрите части на двата подхода и завърших с нова библиотека, mobdux .
Тук можете да гледате видеоклип, обясняващ накратко вдъхновението зад библиотеката:
В тази статия ще очертая мисловния процес и някои проблеми с първоначалния подход, довел до създаването на mobdux. Нека започнем с разбиването на добрите и лошите части на всяка..
Какво представляват React Hooks? : Изследване на основни и по-малко известни куки
Куките на React трансформираха начина, по който разработваме функционални компоненти в React. Те ни предоставят мощен набор от инструменти, които опростяват управлението на състоянието, страничните ефекти и различни други функции. В тази статия ще проучим възможностите на куките на React и как те се справят с предизвикателствата, пред които са изправени функционалните компоненти. Ще се задълбочим в създаването и достъпа до състояние от дървото Fiber, регистриране на странични ефекти в..
Как да добавите насочени известия към вашето приложение React с OneSignal
Push известията са полезен инструмент за ангажиране и задържане на потребителите. В този урок ще ви покажем как да се интегрирате безплатно с OneSignal, за да използвате насочени известия във вашето приложение ReactJS.
OneSignal и Push API на вашия браузър
Push API на браузъра дава възможност на уеб приложенията да получават съобщения от сървър, независимо дали уеб приложението е на преден план или в момента е заредено в потребителски агент. Това ви позволява да доставяте асинхронни..
Нови материали
Локално разсъждение в Swift
Локално разсъждение в Swift
Swift е невероятно изразителен и мощен език за програмиране. Ще проучим някои от езиковите функции на Swift, които могат да направят вашия код по-лесен за четене...
10 умопомрачителни C# хакове
Здравейте! Като страстен разработчик на C#, аз винаги съм търсил начини да подобря уменията си за кодиране. Вълнувам се да споделя с вас някои умопомрачителни хакове и прозрения, които ми..
Electron с база данни Sqlite3
Electron е рамка за изграждане на междуплатформени настолни приложения с HTML, CSS JavaScript. Electron е написан на C++, Javascript, Objective C, Python и т.н. Днес Electron е супер готин и..
Системи за препоръчване в машинното обучение
Какво представляват двигателите за препоръки?
Това е най-мощното и полезно приложение на технологията за машинно обучение в бизнеса. Тези дни. Днес всеки голям гигант като Google, Amazon,..
Топ 5 Python IDE / текстови редактори
Какви IDE на Python трябва да гледам?
1. Pycharm
Традиционният пълноценен редактор за Python от JetBrains.
PyCharm предоставя широк набор от основни инструменти, тясно интегрирани за..
Извличане на данни от API — част 2
Научете как можете да филтрирате филми въз основа на различни категории.
Моля, вижте предишния урок (Част 1) : Как да извличам данни от истински API — React / JS..
Как да предотвратите влизането на някой от вашата кодова база
// TLDR
TypeScript добавя статично въвеждане към JavaScript, улавяйки грешки като препращане към променливи извън обхвата или извикване на функции с грешни аргументи. Той е несъвършен и има..