Практическая разработка коммерческих React приложений. Чтобы сделать этот курс максимально полезным, мне очень важно знать мнение первых учеников. А это невозможно сделать, не поделившись готовыми уроками уже сейчас. Этот курс снят на 70% (это означает, что несколько последних глав ещё не добавлены в курс).
Вот мой план по выпуску оставшихся глав курса:
React Router - 10 октября
Redux - 17 Октября
Продвинутый WebPack - 25 Октября
Курс создан на основе React 16.4 (июнь 2018) и затрагивает последние нововведения в экосистеме React.
Курс содержит подробное руководство по новому синтаксису JavaScript вплоть до ECMAScript 2019.
React - самая популярная библиотека для разработки веб-приложений и один из самых востребованных навыков для JavaScript разработчика в 2018 году.
Фокус этого курса - практическая разработка приложений на React. Это означает, что мы рассмотрим не только эффективное использование самого React, но и целую экосистему инструментов и библиотек, которые необходимы для создания полноценного UI приложения.
Разрабатывая реальные приложения мы изучим самые важные инструменты в экосистеме React:
React
Redux
React Router
Jest
Webpack и Babel
Поскольку ни одно UI приложение не может работать без сервера примеры из этого курса работают с реальными REST API и могут использоваться, как основа для вашего собственного проекта! А чтобы еще больше приблизить наши примеры к коммерческим продуктам, мы детально рассмотрим юнит тестирование, и эффективную упаковку при помощи WebPack.
Этот видео-курс построен на основании оффлайн курсов, проводимых автором для подготовки профессиональных JavaScript разработчиков. Его задача - дать все необходимые практические навыки для работы в команде или для самостоятельной разработки React приложений коммерческого уровня.
Погрузитесь и изучите React.js с нуля! Изучите Reactjs, Redux, React Routing, Animations, Основы Next.js и многое другое! Изучите React или погрузитесь в него глубже. Изучайте теорию, решайте задания, практикуйте в демонстрационных проектах и создавайте одно большое приложение, которое улучшается на протяжении всего курса: Burger Builder!
webformyself
Овладейте Frontend-разработкой на стеке React.js под руководством успешного программиста. React - обязательный инструмент для современного разработчика. React - это библиотека JavaScript с открытым исходным кодом, которая используется для создания пользовательского интерфейса. Она была создана компанией Facebook и представлена разработчикам в 2013 год. Это инструмент, который идеально подходит для разработки масштабируемых веб-приложений. Е
Премиум курс от Wes Bos - Full Stack Advanced React + GraphQL на рельаном примере научит строить вас проекты высокого уровня с помощью React. Подобно тому, как React изменил способ создания веб-приложений, GraphQL меняет способ сборки API для запроса и изменения данных. С упором на современное приложение для JavaScript и реального мира, этот курс является начальным способом изучения Full Stack Advanced React, GraphQL, Node.js и друзей.
Конечно, вы уже слышали шум вокруг Решения Facebook. Все больше людей и компаний используют React для создания крупномасштабных приложений для производства, в том числе в Netflix. Брайан Холт направляет участников через обзор Реакт. В этом трехдневном тренинге участники пройдут от полного незнания реакта до создания целого приложения с использованием React и Redux.
Создавайте и развертывайте приложение с React и GraphQL с нуля с помощью Apollo Boost, Express и MongoDB.Этот курс предназначен для всех, кто хочет начать создавать приложения с помощью React и GraphQL! В этом курсе мы создадим приложение "рецептов" с нуля с полной аутентификацией (signup, signin, signout), а также с возможностью создавать, просматривать, искать, сохранять и удалять рецепты.Построение этого проекта даст вам навыки для с
Сейчас в основном хуками и функциональным программированием пользуются.
this.setState(({todoData}) => ({
todoData: [...todoData, newItem],
}));
а то Ментр ругатся будет )))
Посилання, яке необхідно добавити у функцію fetch змінилося!
https://swapi.dev/api/people/1/
const data = loading ? :
Можно ли чуточку оптимизировать код? Проверил, работает, но может я чего-то не учел?
Итак, вместо:
const spinner = loading ? : null;
const content = !loading ? : null
...
{spinner}
{content}
заменить на:
const data = loading ? :
...
{data}
Человек занимается отуплением своих учеников, а его код это - оверинжиниринг. (обертка - обертка -обертка - чтоб обертка....)
Да молодец, что рассказывает про базовые функции с примерами, но их применение это ппц.
Читайте лучше оф.доку
toggleProperty(arr, id, prop) {
const item = arr.find(element => element.id === id);
const data = {...item, [prop]: !item[prop]};
return arr.map(todo => todo.id === id ? data : todo);
}
this.setState(({todoData}) => {
return {
todoData: todoData.filter(element => element.id !== id)
}
});
если ты об этом
filter вернет новый массив не мутируя старый.
toggleProp(arr, id, propName){
const idx = arr.findIndex((el) => el.id === id);
const oldItem = arr[idx];
-------> const newItem = {...oldItem, [propName]: [!oldItem.propName]};
console.log(newItem)
const newArray = [
...arr.slice(0, idx),
newItem,
...arr.slice(idx + 1)
]
console.log(newArray)
return newArray
}
Друзья, кто сталкивался?
Unhandled Rejection (TypeError): undefined is not an object (evaluating 'this._extractId')
return {
id: this._extractId(planet),
.......}
если ее закрыть содержимое сайта показывает, но при обновлении постоянно вылазит эта ошибка, кто с этим сталкивался??
спасибо
componentDidMount() {
this.swapiService
.getAllPeople()
.then((peopleList) => {
this.setState({
peopleList
});
});
}
У меня peopleList приходит undefined после запроса к апи, а почему - понять не могу
свапи переехал сюда https://swapi.dev/documentation#people
Где найти этот исходный код?