Нови рецепти

Regus Redux: Основни съдове за готвене

Regus Redux: Основни съдове за готвене

Да, сгодени сте! Сега какво?

На път сте да започнете живот с някого и този живот изисква огромно количество оборудване - инструментите за живот! Те могат да включват неща за спалнята, банята и хола, но най -важното ще ви трябват инструменти за кухнята.

Как да изберете правилните тенджери, перфектните тигани и най -острите ножове? Ние ви покриваме. Цяла седмица ще ви представяме съвети от търговията за това, което е горещо в кухнята (извинете играта на думи) и какви са нуждите за приготвяне на ястия за вашето семейство, приятелите, съпруга ви и провеждане на партита, които ще запомнят предстои много време.

Първо са основните съдове за готвене. Джефри Елиът, автор на Zwilling J.A. Хенкелс Пълна книга за уменията за ножове, знае нещо или две за това как да избира разумно и е споделил съвета си с The Daily Meal:

За какви съдове за готвене трябва да се регистрирам?

Трябва да се регистрирате за комплект съдове за готвене от неръждаема стомана. Той ще бъде най -универсалният и издръжлив.

Уверете се, че имате и незалепващ тиган за яйца или други лепкави храни (опитайте тигана за пържене Zwilling Spirit, покрит с термолон).

Хубаво е да имате и някои чугунени парчета като холандска фурна или кокот и тиган. Те са чудесни за задушаване на меса и приготвяне на яхнии. За двама души препоръчвам 4-литрова холандска фурна, като тази на Staub.

Колко парчета ще ми трябват?

Повечето комплекти от 10 части ви дават основна настройка. Не забравяйте, че капакът се счита за парче, така че в комплект от 10 части вероятно получавате шест тигана. Трябва да получите 6-8-литрови тенджери, 4-литрови и 2-литрови тенджери, 3-5-литрови покрити тигани и 8-инчови и 10-инчови тигани.

Това са основите и оттам възможностите са безкрайни. Може да не намерите всичко това в комплект, така че изберете отделни парчета. Това е добра възможност да изпробвате различни марки и функции и да получите качествени парчета.

Какво качество?

Входното ниво е трипластово, първокласните тигани от неръждаема стомана са петпластови, а най-добрите са седемслойни.
Как определяте качеството? Има няколко неща, които трябва да търсите, които са признаци за качество в готварските съдове, включително равномерното разпределение на топлината и дъното, което остава равномерно (всички метални основи при нагряване, по-дебелите пет- и седемслойни тигани поддържат формата си).

Някои други неща, които трябва да търсите, са дръжките за оставане на хладно (обикновено V-образна връзка), заварени вместо дръжки с нитове за лесно почистване и изливащи се джанти за по-лесно прехвърляне на храни. Чудесен пример за това е линията Demeyere Industry.


Контейнер срещу презентационни компоненти в React Redux

За окончателния проект (.) Във Flatiron School бяхме помолени да създадем SPA приложение, използвайки React Redux w i th a Rails API. Във фазата на планиране на проекта се замислих какво „предизвиква радост“ по време на пандемията от COVID. Изглеждаше, че има доста отговори, но най -много се открояваше храната. Известни готвачи публикуваха видеоклипове за готвене в Instagram, добрите самаряни даряваха пици на медицински персонал и основни работници и изглеждаше, че всички и брат им пекат хляб. Тогава реших - щях да направя приложение за кутия с рецепти, наречено BreadBox.

Когато започнах да създавам версия на схемата на моето приложение, осъзнах, че не разбирам съвсем разликата между контейнерните и презентационните компоненти. Осъзнаването, че не знаеш концепция, е обезпокоително. (По това време си казвате: „Определено ще се проваля в този проект."Но в задната част на мозъка има мъничък глас, който казва:"Знаеш, че ще намериш начин.”Слушайте малкия глас.) В стремежа си да разбера, аз си го разбих, като прочетох няколкостотин ресурса.

Компоненти на контейнера:

Компоненти на презентацията:

Нека да разгледаме един пример. Когато за първи път изграждах приложението си, имах един файл, който изглеждаше така:

Уау - тук много се случва. Получаваме данните И ги представяме. Може да работи, но този файл би бил по -добре анализиран, нали? Нека да видим как изглежда, когато го разделим на контейнери и презентационни компоненти.

В компонента на контейнера преглеждаме рецептите на текущия потребител. Ние можем да направим това, като картографираме състоянието на реквизити. mapStateToProps приема състоянието на магазина Redux и ни позволява да избираме това, което бихме искали да използваме като реквизит (или реквизити) в компонента RecipeList. В този случай използваме нашите userRecipes, които връщат само рецептите на този потребител.

Добре, така че прегледахме нашите рецепти и сега връщаме отделни карти със списък с рецепти, които приемат деконструираната рецепта. Тъй като деконструкцията е синтактична захар от ES6 - не е нужно да казваме props.recipe.attributes.label, можем просто да кажем recept.attributes.label и т.н. , 'в случай, че потребителят не качи свой собствен.

Работи! Въпреки че изглежда абсолютно същото за потребителя, задната част има малко повече място за дишане. Току -що отключих фактора за повторна употреба на контейнери. Бихме могли лесно да използваме компонента RecipeListCards в друга част на това приложение (или всяко друго приложение), ако искаме.


Контейнер срещу презентационни компоненти в React Redux

За окончателния проект (.) Във Flatiron School бяхме помолени да създадем SPA приложение, използвайки React Redux w i th a Rails API. Във фазата на планиране на проекта се замислих какво „предизвиква радост“ по време на пандемията от COVID. Изглеждаше, че има доста отговори, но най -много се открояваше храната. Известни готвачи публикуваха видеоклипове за готвене в Instagram, добрите самаряни даряваха пици на медицински персонал и основни работници и изглеждаше, че всички и брат им пекат хляб. Тогава реших - щях да направя приложение за кутия с рецепти, наречено BreadBox.

Когато започнах да правя диаграма на приложението си, разбрах, че не разбирам съвсем разликата между контейнер и презентационни компоненти. Осъзнаването, че не знаеш концепция, е обезпокоително. (По това време си казвате: „Определено ще се проваля в този проект."Но в задната част на мозъка има мъничък глас, който казва:"Знаеш, че ще намериш начин.”Слушайте малкия глас.) В стремежа си да разбера, аз си го разбих, като прочетох няколкостотин ресурса.

Компоненти на контейнера:

Компоненти на презентацията:

Нека да разгледаме един пример. Когато за първи път изграждах приложението си, имах един файл, който изглеждаше така:

Уау - тук много се случва. Получаваме данните И ги представяме. Може да работи, но този файл би бил по -добре анализиран, нали? Нека да видим как изглежда, когато го разделим на контейнери и презентационни компоненти.

В компонента на контейнера преглеждаме рецептите на текущия потребител. Ние можем да направим това, като картографираме състоянието на реквизити. mapStateToProps приема състоянието на магазина Redux и ни позволява да избираме това, което бихме искали да използваме като реквизит (или реквизити) в компонента RecipeList. В този случай използваме нашите userRecipes, които връщат само рецептите на този потребител.

Добре, така че прегледахме нашите рецепти и сега връщаме отделни карти със списък с рецепти, които приемат деконструираната рецепта. Тъй като деконструкцията е синтактична захар от ES6 - не е нужно да казваме props.recipe.attributes.label, можем просто да кажем recept.attributes.label и т.н. , 'в случай, че потребителят не качи свой собствен.

Работи! Въпреки че изглежда абсолютно същото за потребителя, задната част има малко повече място за дишане. Току -що отключих фактора за повторна употреба на контейнери. Бихме могли лесно да използваме компонента RecipeListCards в друга част на това приложение (или всяко друго приложение), ако искаме.


Контейнер срещу презентационни компоненти в React Redux

За окончателния проект (.) Във Flatiron School бяхме помолени да създадем SPA приложение, използвайки React Redux w i th a Rails API. Във фазата на планиране на проекта се замислих какво „предизвиква радост“ по време на пандемията от COVID. Изглеждаше, че има доста отговори, но най -много се открояваше храната. Известни готвачи публикуваха видеоклипове за готвене в Instagram, добрите самаряни даряваха пици на медицински персонал и основни работници и изглеждаше, че всички и брат им пекат хляб. Тогава реших - щях да направя приложение за кутия с рецепти, наречено BreadBox.

Когато започнах да създавам версия на схемата на моето приложение, осъзнах, че не разбирам съвсем разликата между контейнерните и презентационните компоненти. Осъзнаването, че не знаеш концепция, е обезпокоително. (По това време си казвате: „Определено ще се проваля в този проект."Но в задната част на мозъка има мъничък глас, който казва:"Знаеш, че ще намериш начин.”Слушайте малкия глас.) В стремежа си да разбера, аз си го разбих, като прочетох няколкостотин ресурса.

Компоненти на контейнера:

Компоненти на презентацията:

Нека да разгледаме един пример. Когато за първи път изграждах приложението си, имах един файл, който изглеждаше така:

Уау - тук много се случва. Получаваме данните И ги представяме. Може да работи, но този файл би бил по -добре анализиран, нали? Нека да видим как изглежда, когато го разделим на контейнери и презентационни компоненти.

В компонента на контейнера преглеждаме рецептите на текущия потребител. Ние можем да направим това, като картографираме състоянието на реквизити. mapStateToProps приема състоянието на магазина Redux и ни позволява да избираме това, което бихме искали да използваме като реквизит (или реквизити) в компонента RecipeList. В този случай използваме нашите userRecipes, които връщат само рецептите на този потребител.

Добре, така че прегледахме нашите рецепти и сега връщаме отделни карти със списък с рецепти, които приемат деконструираната рецепта. Тъй като деконструкцията е синтактична захар от ES6 - не е нужно да казваме props.recipe.attributes.label, можем просто да кажем recept.attributes.label и т.н. , в случай, че потребителят не качи свой собствен.

Работи! Въпреки че изглежда абсолютно същото за потребителя, задната част има малко повече място за дишане. Току -що отключих фактора за повторна употреба на контейнери. Бихме могли лесно да използваме компонента RecipeListCards в друга част на това приложение (или всяко друго приложение), ако искаме.


Контейнер срещу презентационни компоненти в React Redux

За окончателния проект (.) Във Flatiron School бяхме помолени да създадем SPA приложение, използвайки React Redux w i th a Rails API. Във фазата на планиране на проекта се замислих какво „предизвиква радост“ по време на пандемията от COVID. Изглеждаше, че има доста отговори, но най -много се открояваше храната. Известни готвачи публикуваха видеоклипове за готвене в Instagram, добрите самаряни даряваха пици на медицински персонал и основни работници и изглеждаше, че всички и брат им пекат хляб. Тогава реших - щях да направя приложение за кутия с рецепти, наречено BreadBox.

Когато започнах да създавам версия на схемата на моето приложение, осъзнах, че не разбирам съвсем разликата между контейнерните и презентационните компоненти. Осъзнаването, че не знаеш концепция, е обезпокоително. (По това време си казвате: „Определено ще се проваля в този проект."Но в задната част на мозъка има мъничък глас, който казва:"Знаеш, че ще намериш начин.”Слушайте малкия глас.) В стремежа си да разбера, аз си го разбих, като прочетох няколкостотин ресурса.

Компоненти на контейнера:

Компоненти на презентацията:

Нека да разгледаме един пример. Когато за първи път изграждах приложението си, имах един файл, който изглеждаше така:

Уау - тук много се случва. Получаваме данните И ги представяме. Може да работи, но този файл би бил по -добре анализиран, нали? Нека да видим как изглежда, когато го разделим на контейнери и презентационни компоненти.

В компонента на контейнера преглеждаме рецептите на текущия потребител. Ние можем да направим това, като картографираме състоянието на реквизити. mapStateToProps приема състоянието на магазина Redux и ни позволява да избираме това, което бихме искали да използваме като реквизит (или реквизити) в компонента RecipeList. В този случай използваме нашите userRecipes, които връщат само рецептите на този потребител.

Добре, така че прегледахме нашите рецепти и сега връщаме отделни карти със списък с рецепти, които приемат деконструираната рецепта. Тъй като деконструкцията е синтактична захар от ES6 - не е нужно да казваме props.recipe.attributes.label, можем просто да кажем recept.attributes.label и т.н. , 'в случай, че потребителят не качи свой собствен.

Работи! Въпреки че изглежда абсолютно същото за потребителя, задната част има малко повече място за дишане. Току -що отключих фактора за повторна употреба на контейнери. Бихме могли лесно да използваме компонента RecipeListCards в друга част на това приложение (или всяко друго приложение), ако искаме.


Контейнер срещу презентационни компоненти в React Redux

За окончателния проект (.) Във Flatiron School бяхме помолени да създадем SPA приложение, използвайки React Redux w i th a Rails API. Във фазата на планиране на проекта се замислих какво „предизвиква радост“ по време на пандемията от COVID. Изглеждаше, че има доста отговори, но най -много се открояваше храната. Известни готвачи публикуваха видеоклипове за готвене в Instagram, добрите самаряни даряваха пици на медицински персонал и основни работници и изглеждаше, че всички и брат им пекат хляб. Тогава реших - щях да направя приложение за кутия с рецепти, наречено BreadBox.

Когато започнах да създавам версия на схемата на моето приложение, осъзнах, че не разбирам съвсем разликата между контейнер и презентационни компоненти. Осъзнаването, че не знаеш концепция, е обезпокоително. (По това време си казвате: „Определено ще се проваля в този проект."Но в задната част на мозъка има мъничък глас, който казва:"Знаеш, че ще намериш начин.”Слушайте малкия глас.) В стремежа си да разбера, аз си го разбих, като прочетох няколкостотин ресурса.

Компоненти на контейнера:

Компоненти на презентацията:

Нека да разгледаме един пример. Когато за първи път изграждах приложението си, имах един файл, който изглеждаше така:

Уау - тук много се случва. Получаваме данните И ги представяме. Може да работи, но този файл би бил по -добре анализиран, нали? Нека да видим как изглежда, когато го разделим на контейнери и презентационни компоненти.

В компонента на контейнера преглеждаме рецептите на текущия потребител. Ние можем да направим това, като картографираме състоянието на реквизити. mapStateToProps приема състоянието на магазина Redux и ни позволява да избираме това, което бихме искали да използваме като реквизит (или реквизити) в компонента RecipeList. В този случай използваме нашите userRecipes, които връщат само рецептите на този потребител.

Добре, така че прегледахме нашите рецепти и сега връщаме отделни карти със списък с рецепти, които приемат деконструираната рецепта. Тъй като деконструкцията е синтактична захар от ES6 - не е нужно да казваме props.recipe.attributes.label, можем просто да кажем recept.attributes.label и т.н. , в случай, че потребителят не качи свой собствен.

Работи! Въпреки че изглежда абсолютно същото за потребителя, задната част има малко повече място за дишане. Току -що отключих фактора за повторна употреба на контейнери. Бихме могли лесно да използваме компонента RecipeListCards в друга част на това приложение (или всяко друго приложение), ако искаме.


Контейнер срещу презентационни компоненти в React Redux

За окончателния проект (.) Във Flatiron School бяхме помолени да създадем SPA приложение, използвайки React Redux w i th a Rails API. Във фазата на планиране на проекта се замислих какво „предизвиква радост“ по време на пандемията от COVID. Изглеждаше, че има доста отговори, но най -много се открояваше храната. Известни готвачи публикуваха видеоклипове за готвене в Instagram, добрите самаряни даряваха пици на медицински персонал и основни работници и изглеждаше, че всички и брат им пекат хляб. Тогава реших - щях да направя приложение за кутия с рецепти, наречено BreadBox.

Когато започнах да създавам версия на схемата на моето приложение, осъзнах, че не разбирам съвсем разликата между контейнер и презентационни компоненти. Осъзнаването, че не знаеш концепция, е обезпокоително. (По това време си казвате: „Определено ще се проваля в този проект."Но в задната част на мозъка има мъничък глас, който казва:"Знаеш, че ще намериш начин.”Слушайте малкия глас.) В стремежа си да разбера, аз си го разбих, като прочетох няколкостотин ресурса.

Компоненти на контейнера:

Компоненти на презентацията:

Нека да разгледаме един пример. Когато за първи път изграждах приложението си, имах един файл, който изглеждаше така:

Уау - тук много се случва. Получаваме данните И ги представяме. Може да работи, но този файл би бил по -добре анализиран, нали? Нека да видим как изглежда, когато го разделим на контейнери и презентационни компоненти.

В компонента на контейнера преглеждаме рецептите на текущия потребител. Ние можем да направим това, като картографираме състоянието на реквизити. mapStateToProps приема състоянието на магазина Redux и ни позволява да избираме това, което бихме искали да използваме като реквизит (или реквизити) в компонента RecipeList. В този случай използваме нашите userRecipes, които връщат само рецептите на този потребител.

Добре, така че прегледахме нашите рецепти и сега връщаме отделни карти със списък с рецепти, които приемат деконструираната рецепта. Тъй като деконструкцията е синтактична захар от ES6 - не е нужно да казваме props.recipe.attributes.label, можем просто да кажем recept.attributes.label и т.н. , 'в случай, че потребителят не качи свой собствен.

Работи! Въпреки че изглежда абсолютно същото за потребителя, задната част има малко повече място за дишане. Току -що отключих фактора за повторна употреба на контейнери. Бихме могли лесно да използваме компонента RecipeListCards в друга част на това приложение (или всяко друго приложение), ако искаме.


Контейнер срещу презентационни компоненти в React Redux

За окончателния проект (.) Във Flatiron School бяхме помолени да създадем SPA приложение, използвайки React Redux w i th a Rails API. Във фазата на планиране на проекта се замислих какво „предизвиква радост“ по време на пандемията от COVID. Изглеждаше, че има доста отговори, но най -много се открояваше храната. Известни готвачи публикуваха видеоклипове за готвене в Instagram, добрите самаряни даряваха пици на медицински персонал и основни работници и изглеждаше, че всички и брат им пекат хляб. Тогава реших - щях да направя приложение за кутия с рецепти, наречено BreadBox.

Когато започнах да създавам версия на схемата на моето приложение, осъзнах, че не разбирам съвсем разликата между контейнерните и презентационните компоненти. Осъзнаването, че не знаеш концепция, е обезпокоително. (По това време си казвате: „Определено ще се проваля в този проект."Но в задната част на мозъка има мъничък глас, който казва:"Знаеш, че ще намериш начин.”Слушайте малкия глас.) В стремежа си да разбера, аз си го разбих, като прочетох няколкостотин ресурса.

Компоненти на контейнера:

Компоненти на презентацията:

Нека да разгледаме един пример. Когато за първи път изграждах приложението си, имах един файл, който изглеждаше така:

Уау - тук много се случва. Получаваме данните И ги представяме. Може да работи, но този файл би бил по -добре анализиран, нали? Нека да видим как изглежда, когато го разделим на контейнери и презентационни компоненти.

В компонента на контейнера преглеждаме рецептите на текущия потребител. Ние можем да направим това, като картографираме състоянието на реквизити. mapStateToProps приема състоянието на магазина Redux и ни позволява да избираме това, което бихме искали да използваме като реквизит (или реквизити) в компонента RecipeList. В този случай използваме нашите userRecipes, които връщат само рецептите на този потребител.

Добре, така че прегледахме нашите рецепти и сега връщаме отделни карти със списък с рецепти, които приемат деконструираната рецепта. Тъй като деконструкцията е синтактична захар от ES6 - не е нужно да казваме props.recipe.attributes.label, можем просто да кажем recept.attributes.label и т.н. , 'в случай, че потребителят не качи свой собствен.

Работи! Въпреки че изглежда абсолютно същото за потребителя, задната част има малко повече място за дишане. Току -що отключих фактора за повторна употреба на контейнери. Бихме могли лесно да използваме компонента RecipeListCards в друга част на това приложение (или всяко друго приложение), ако искаме.


Контейнер срещу презентационни компоненти в React Redux

За окончателния проект (.) Във Flatiron School бяхме помолени да създадем SPA приложение, използвайки React Redux w i th a Rails API. Във фазата на планиране на проекта се замислих какво „предизвиква радост“ по време на пандемията от COVID. Изглеждаше, че има доста отговори, но най -много се открояваше храната. Известни готвачи публикуваха видеоклипове за готвене в Instagram, добрите самаряни даряваха пици на медицински персонал и основни работници и изглеждаше, че всички и брат им пекат хляб. Тогава реших - щях да направя приложение за рецепти, наречено BreadBox.

Когато започнах да създавам версия на схемата на моето приложение, осъзнах, че не разбирам съвсем разликата между контейнерните и презентационните компоненти. Осъзнаването, че не знаеш концепция, е обезпокоително. (По това време си казвате: „Определено ще се проваля в този проект."Но в задната част на мозъка има мъничък глас, който казва:"Знаеш, че ще намериш начин.”Слушайте малкия глас.) В стремежа си да разбера, аз си го разбих, като прочетох няколкостотин ресурса.

Компоненти на контейнера:

Компоненти на презентацията:

Нека да разгледаме един пример. Когато за първи път изграждах приложението си, имах един файл, който изглеждаше така:

Уау - тук много се случва. Получаваме данните И ги представяме. Може да работи, но този файл би бил по -добре анализиран, нали? Нека да видим как изглежда, когато го разделим на контейнери и презентационни компоненти.

В компонента на контейнера преглеждаме рецептите на текущия потребител. Ние можем да направим това, като картографираме състоянието на реквизити. mapStateToProps приема състоянието на магазина Redux и ни позволява да избираме това, което бихме искали да използваме като реквизит (или реквизити) в компонента RecipeList. В този случай използваме нашите userRecipes, които връщат само рецептите на този потребител.

Добре, така че прегледахме нашите рецепти и сега връщаме отделни карти със списък с рецепти, които приемат деконструираната рецепта. Тъй като деконструкцията е синтактична захар от ES6 - не е нужно да казваме props.recipe.attributes.label, можем просто да кажем recept.attributes.label и т.н. , в случай, че потребителят не качи свой собствен.

Работи! Въпреки че изглежда абсолютно същото за потребителя, задната част има малко повече място за дишане. Току -що отключих фактора за повторна употреба на контейнери. Бихме могли лесно да използваме компонента RecipeListCards в друга част на това приложение (или всяко друго приложение), ако искаме.


Контейнер срещу презентационни компоненти в React Redux

За окончателния проект (.) Във Flatiron School бяхме помолени да създадем SPA приложение, използвайки React Redux w i th a Rails API. Във фазата на планиране на проекта се замислих какво „предизвиква радост“ по време на пандемията от COVID. Изглеждаше, че има доста отговори, но най -много се открояваше храната. Известни готвачи публикуваха видеоклипове за готвене в Instagram, добрите самаряни даряваха пици на медицински персонал и основни работници и изглеждаше, че всички и брат им пекат хляб. Тогава реших - щях да направя приложение за кутия с рецепти, наречено BreadBox.

Когато започнах да създавам версия на схемата на моето приложение, осъзнах, че не разбирам съвсем разликата между контейнерните и презентационните компоненти. Осъзнаването, че не знаеш концепция, е обезпокоително. (По това време си казвате: „Определено ще се проваля в този проект."Но в задната част на мозъка има мъничък глас, който казва:"Знаеш, че ще намериш начин.”Слушайте малкия глас.) В стремежа си да разбера, аз го разбих, като прочетох няколкостотин ресурса.

Компоненти на контейнера:

Компоненти на презентацията:

Нека да разгледаме един пример. Когато за първи път изграждах приложението си, имах един файл, който изглеждаше така:

Уау - тук много се случва. Получаваме данните И ги представяме. Може да работи, но този файл би бил по -добре анализиран, нали? Нека да видим как изглежда, когато го разделим на контейнери и презентационни компоненти.

В компонента на контейнера преглеждаме рецептите на текущия потребител. Ние можем да направим това, като картографираме състоянието на реквизити. mapStateToProps приема състоянието на магазина Redux и ни позволява да избираме това, което бихме искали да използваме като реквизит (или реквизити) в компонента RecipeList. В този случай използваме нашите userRecipes, които връщат само рецептите на този потребител.

Добре, така че прегледахме нашите рецепти и сега връщаме отделни карти със списък с рецепти, които приемат деконструираната рецепта. Тъй като деконструкцията е синтактична захар от ES6 - не е нужно да казваме props.recipe.attributes.label, можем просто да кажем recept.attributes.label и т.н. , в случай, че потребителят не качи свой собствен.

Работи! Въпреки че изглежда абсолютно същото за потребителя, задната част има малко повече място за дишане. Току -що отключих фактора за повторна употреба на контейнери. Бихме могли лесно да използваме компонента RecipeListCards в друга част на това приложение (или всяко друго приложение), ако искаме.


Контейнер срещу презентационни компоненти в React Redux

За окончателния проект (.) Във Flatiron School бяхме помолени да създадем SPA приложение, използвайки React Redux w i th a Rails API. Във фазата на планиране на проекта се замислих какво „предизвиква радост“ по време на пандемията от COVID. Изглеждаше, че има доста отговори, но най -много се открояваше храната. Известни готвачи публикуваха видеоклипове за готвене в Instagram, добрите самаряни даряваха пици на медицински персонал и основни работници и изглеждаше, че всички и брат им пекат хляб. Тогава реших - щях да направя приложение за рецепти, наречено BreadBox.

Когато започнах да създавам версия на схемата на моето приложение, осъзнах, че не разбирам съвсем разликата между контейнерните и презентационните компоненти. Осъзнаването, че не знаеш концепция, е обезпокоително. (По това време си казвате: „Определено ще се проваля в този проект."Но в задната част на мозъка има мъничък глас, който казва:"Знаеш, че ще намериш начин.”Слушайте малкия глас.) В стремежа си да разбера, аз си го разбих, като прочетох няколкостотин ресурса.

Компоненти на контейнера:

Компоненти на презентацията:

Нека да разгледаме един пример. Когато за първи път изграждах приложението си, имах един файл, който изглеждаше така:

Уау - тук много се случва. Получаваме данните И ги представяме. Възможно е да работи, но този файл би бил по -добре анализиран, нали? Нека да видим как изглежда, когато го разделим на контейнери и презентационни компоненти.

В компонента на контейнера преглеждаме рецептите на текущия потребител. Ние можем да направим това, като картографираме състоянието на реквизити. mapStateToProps приема състоянието на магазина Redux и ни позволява да избираме това, което бихме искали да използваме като реквизит (или реквизити) в компонента RecipeList. В този случай използваме нашите userRecipes, които връщат само рецептите на този потребител.

Добре, така че прегледахме нашите рецепти и сега връщаме отделни карти със списък с рецепти, които приемат деконструираната рецепта. Тъй като деконструкцията е синтактична захар от ES6 - не е нужно да казваме props.recipe.attributes.label, можем просто да кажем recept.attributes.label и т.н. , 'в случай, че потребителят не качи свой собствен.

Работи! Въпреки че изглежда абсолютно същото за потребителя, задната част има малко повече място за дишане. Току -що отключих фактора за повторна употреба на контейнери. Бихме могли лесно да използваме компонента RecipeListCards в друга част на това приложение (или всяко друго приложение), ако искаме.


Гледай видеото: Как да си изберем тиган (Януари 2022).