{"componentChunkName":"component---src-templates-standard-tag-js","path":"/tags/testy/","result":{"pageContext":{"page":{"id":"cGFnZToxMTA=","slug":"tag","title":"Tag","content":null,"databaseId":110,"featuredImage":null,"seo":{"focuskw":"","title":"Tag - Gladiatorzy JavaScriptu","opengraphTitle":"","metaKeywords":"","metaDesc":"","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"","opengraphImage":null},"siteMetaData":{"description":"Gladiatorzy JavaScriptu","language":"pl_PL","title":"Gladiatorzy JavaScriptu","url":"http://gladiatorzy.api.localhost-group.com"}},"tag":{"name":"testy","slug":"testy","count":2},"products":[{"id":"cHJvZHVjdDo5Ng==","name":"Wszystkie zbiory zadań Gladiatorów Javascriptu","slug":"wszystkie-zbiory-zadan","productId":96,"description":"<h3>Wszystkie 3 części zbiorów  zadań  z serii &#8222;Gladiator Javascriptu&#8221;</h3>\n<h4>Poziom: Newbie/Junior/Mid</h4>\n<h4>Praktyka: min 450h</h4>\n<p>Dla tych, którzy codziennie pracują jako programiści, ale wiedzą, że muszą się dalej uczyć bardziej zaawansowanej wiedzy z programowania. Dedykowany zbiór dla osób, które chcą uczyć się testowania. Obowiązkowa pozycja dla osób, które niskim kosztem chce mieć ogrom zadań praktycznych w rozwoju w kierunku awansu w pracy.</p>\n<div>\n<p>Daniel</p>\n<p>Polecam tego allegrowicza! Wymagające zadania sprawdzą Twoją wiedzę i pozwolą doszlifować umiejętności</p>\n</div>\n<h3>A gdzie znajdziesz przykładowe rozwiązania zadań? -&gt; <a href=\"https://gladiators-of-javascript.com/blog/categories/nagrania-live-z-gladiatorow-javascriptu/\">TU</a></h3>\n<p><strong>Do każdego z tych zadań NIE MA JEDNEGO, dobrego rozwiązania</strong>. Różne podejścia do zadań wraz z omówieniem części teoretycznej oraz code review przykładowych rozwiązań można oglądać w nagraniach Gladiatorów Javascriptu &#8211; <a href=\"https://gladiators-of-javascript.com/blog/categories/nagrania-live-z-gladiatorow-javascriptu/\">pod tym linkiem</a></p>\n<h5>Idealna pozycja w bibliotece każdego programisty frontendowego &#8211; książka, która nigdy się nie zdezaktualizuje. Można zawsze puścić commita z updatem 🙂</h5>\n<h6>Mały bonus:<br />\nKupienie jakiegokolwiek zbioru skutkuje rabatem -20% na zajęcia z mentorami 🙂</h6>\n","shortDescription":"<p><span data-sheets-formula-bar-text-style=\"font-size:13px;color:#000000;font-weight:bold;text-decoration:none;font-family:'Arial';font-style:normal;text-decoration-skip-ink:none;\">3 części zbiorów Gladiatorów Javascriptu, cała aktualna wiedza w pakiecie</span></p>\n","type":"SIMPLE","featured":true,"totalSales":null,"productCategories":{"nodes":[{"name":"Zbiory zadań","slug":"zbiory-zadan"}]},"productTags":{"nodes":[{"name":"css","slug":"css","count":2},{"name":"javascript","slug":"javascript","count":4},{"name":"junior","slug":"junior","count":5},{"name":"mid","slug":"mid","count":5},{"name":"react","slug":"react","count":3},{"name":"redux","slug":"redux","count":3},{"name":"testy","slug":"testy","count":2}]},"seo":{"title":"Wszystkie zbiory zadań Gladiatorów Javascriptu - Gladiatorzy JavaScriptu","opengraphTitle":"","metaKeywords":"","metaDesc":"Dla tych, którzy codziennie pracują jako programiści, ale wiedzą, że muszą się dalej uczyć bardziej zaawansowanej wiedzy z programowania.","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"","opengraphImage":null},"regularPrice":"450.00&nbsp;zł","salePrice":"400.00&nbsp;zł","image":{"altText":"","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators_logo.png 1001w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators_logo-300x300.png 300w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators_logo-100x100.png 100w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators_logo-600x600.png 600w","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators_logo.png","sizes":null},"attributes":{"nodes":[{"name":"pa_link","options":["ambitne-i-wymagajace-zadania-z-js-i-react","nieprzewidziane-i-sprawiajace-problemy-testy-js-react","rozwijajace-i-utrwalajace-zadania-z-html-css-i-javascript"]}]},"upsell":{"nodes":[]},"crossSell":{"nodes":[]},"galleryImages":{"nodes":[{"slug":"gladiators-mid-junior","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-mid-junior.png 2418w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-mid-junior-100x100.png 100w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-mid-junior-600x593.png 600w","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-mid-junior.png"},{"slug":"gladiators-nevbie","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-nevbie.png 2418w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-nevbie-100x100.png 100w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-nevbie-600x593.png 600w","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-nevbie.png"},{"slug":"gladiators-junior","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-junior.png 2418w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-junior-100x100.png 100w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-junior-600x593.png 600w","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-junior.png"}]},"reviews":{"averageRating":0,"nodes":[]},"stockQuantity":null,"siteMetaData":{"description":"Gladiatorzy JavaScriptu","language":"pl_PL","title":"Gladiatorzy JavaScriptu","url":"http://gladiatorzy.api.localhost-group.com"}},{"id":"cHJvZHVjdDo2MQ==","name":"Nieprzewidziane i sprawiające problemy testy JS i React","slug":"nieprzewidziane-i-sprawiajace-problemy-testy-js-i-react","productId":61,"description":"<h3>Trzecia część zbioru rekrutacyjnych i treningowych zadań  z serii &#8222;Gladiator Javascriptu&#8221;</h3>\n<h4>Poziom: Junior/Mid</h4>\n<h4>Praktyka: min 200h</h4>\n<p>Dla tych, którzy codziennie pracują jako programiści, ale wiedzą, że muszą się dalej uczyć bardziej zaawansowanej wiedzy z programowania. Dedykowany zbiór dla osób, które chcą uczyć się testowania. Obowiązkowa pozycja dla osób, które niskim kosztem chce mieć ogrom zadań praktycznych w rozwoju w kierunku awansu w pracy. Trzecia część z 3 częściowego zestawu zbiorów</p>\n<div>\n<p>Rafał</p>\n<p>Ponad 3 lata jestem Javascript Devem, a do niektórych zadań, żeby podejść to musiałbym porządnie się zastanowić jak je zrobić. Świetny pomysł i wykonanie!</p>\n</div>\n<h5>Tematy rozwijane w tym zbiorze:</h5>\n<ul>\n<li><strong>JS</strong> &#8211;  testowanie jednostkowe i integracyjne algorytmów, struktur danych, programowania obiektowego i funkcyjnego, asynchroniczności</li>\n<li><strong>React</strong> &#8211; testowanie jednostkowe i integracyjne zaawansowanych komponenty + ContextApi, Hooks, HOC, Redux itd</li>\n</ul>\n<h3>A gdzie znajdziesz przykładowe rozwiązania zadań? -&gt; <a href=\"https://gladiators-of-javascript.com/blog/categories/nagrania-live-z-gladiatorow-javascriptu/\">TU</a></h3>\n<p><strong>Do każdego z tych zadań NIE MA JEDNEGO, dobrego rozwiązania</strong>. Różne podejścia do zadań wraz z omówieniem części teoretycznej oraz code review przykładowych rozwiązań można oglądać w nagraniach Gladiatorów Javascriptu &#8211; <a href=\"https://gladiators-of-javascript.com/blog/categories/nagrania-live-z-gladiatorow-javascriptu/\">pod tym linkiem</a></p>\n<h5>Idealna pozycja w bibliotece każdego programisty frontendowego &#8211; książka, która nigdy się nie zdezaktualizuje. Można zawsze puścić commita z updatem 🙂</h5>\n<h6>Mały bonus:<br />\nKupienie jakiegokolwiek zbioru skutkuje rabatem -20% na zajęcia z mentorami 🙂</h6>\n","shortDescription":"<p><span data-sheets-formula-bar-text-style=\"font-size:13px;color:#000000;font-weight:bold;text-decoration:none;font-family:'Arial';font-style:normal;text-decoration-skip-ink:none;\">Zbiór z zaawansowanymi zadaniami na testy z JS i React</span></p>\n","type":"SIMPLE","featured":false,"totalSales":null,"productCategories":{"nodes":[{"name":"Zbiory zadań","slug":"zbiory-zadan"}]},"productTags":{"nodes":[{"name":"javascript","slug":"javascript","count":4},{"name":"mid","slug":"mid","count":5},{"name":"react","slug":"react","count":3},{"name":"redux","slug":"redux","count":3},{"name":"testy","slug":"testy","count":2}]},"seo":{"title":"Nieprzewidziane i sprawiające problemy testy JS i React - Gladiatorzy JavaScriptu","opengraphTitle":"","metaKeywords":"","metaDesc":"Dla tych, którzy codziennie pracują jako programiści, ale wiedzą, że muszą się dalej uczyć bardziej zaawansowanej wiedzy z programowania","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"","opengraphImage":null},"regularPrice":"180.00&nbsp;zł","salePrice":"150.00&nbsp;zł","image":{"altText":"","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-mid-junior.png 2418w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-mid-junior-100x100.png 100w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-mid-junior-600x593.png 600w","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-mid-junior.png","sizes":null},"attributes":{"nodes":[{"name":"pa_link","options":["nieprzewidziane-i-sprawiajace-problemy-testy-js-react"]}]},"upsell":{"nodes":[{"name":"Wszystkie zbiory zadań Gladiatorów Javascriptu","slug":"wszystkie-zbiory-zadan","image":{"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators_logo.png","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators_logo.png 1001w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators_logo-300x300.png 300w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators_logo-100x100.png 100w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators_logo-600x600.png 600w"}}]},"crossSell":{"nodes":[]},"galleryImages":{"nodes":[{"slug":"gladiators-mid-junior","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-mid-junior.png 2418w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-mid-junior-100x100.png 100w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-mid-junior-600x593.png 600w","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-mid-junior.png"}]},"reviews":{"averageRating":0,"nodes":[]},"stockQuantity":null,"siteMetaData":{"description":"Gladiatorzy JavaScriptu","language":"pl_PL","title":"Gladiatorzy JavaScriptu","url":"http://gladiatorzy.api.localhost-group.com"}}],"posts":[{"id":"cG9zdDoxMDMw","slug":"intersectionobserver-serwowany-jako-custom-hook-w-react-i-typescript","title":"IntersectionObserver serwowany jako custom hook w React i Typescript","date":"2020-10-09T11:27:31","databaseId":1030,"content":"\n<h3>Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod. W tym tygodniu zadanie z budowania customowych hooków w oparciu o natywne api JS</h3>\n\n\n\n<p>Live Code Review i Gladiatorów z 08.10.2020 można obejrzeć tutaj:</p>\n\n\n\n<p><a href=\"https://drive.google.com/file/d/14RCzjQQOQcFvOhzAYo84mCtc0W-grjEQ/view?usp=sharing\">https://drive.google.com/file/d/14RCzjQQOQcFvOhzAYo84mCtc0W-grjEQ/view?usp=sharing</a></p>\n\n\n\n<p>Kolejny Live Code Review za nami, a z tygodnia na tydzień Gladiatorzy uczą się coraz więcej. Z uwagi na sezon chorobowy tylko jednak z grup zrobiła zadanie, ale zrobiła je w bardzo ciekawy sposób wykorzystując wzorzec singleton</p>\n\n\n\n<h4>Zadania:</h4>\n\n\n\n<p>W tym tygodniu przez prawie godzinę gadaliśmy o hookach w React i o tym jak je poprawnie otypować. Jaką moc ma mało znany IntersectionObserver oraz jak można testować coś zależne do scrolla</p>\n\n\n\n<p>Jeśli chcesz obejrzeć kod rozwiązań to oto są rozwiązania Gladiatorów:</p>\n\n\n\n<ul><li><a>https://github.com/bartektelec/react-intersection-observer-hook</a></li></ul>\n\n\n\n<h4>Projekt:</h4>\n\n\n\n<p>Grupa projektowa realizuje drugi z mikroserwisów swojej apki do CV &#8211; XNotes. Mikroserwis ma służyć do obsługi repozytorium z notatkami, które ma służyć jako wygodne miejsce do przetrzymywania danych dostępnych zarówno z apki jak i z wielu innych miejsc &#8211; w końcu to zwykłe repo. Rozmawialiśmy o kolejnych widokach, które zaprojektować jeden z Gladiatorów oraz wskazałem Gladiatorom jak można poprawić strukturę plików, aby było im wygodniej pracować  </p>\n\n\n\n<p>Jeśli chcesz zajrzeć w kod projektu to repo znajdziesz tutaj:</p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https://github.com/Drugi-Legion-Gladiatorow\" target=\"_blank\">https://github.com/Drugi-Legion-Gladiatorow</a></p>\n\n\n\n<h3>Zapraszam do obejrzenia całego nagrania!</h3>\n\n\n\n<p>Do następnego commita!</p>\n","featuredImage":{"altText":"","sizes":null,"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/07/tim-van-der-kuip-CPs2X8JYmS8-unsplash-scaled.jpg","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/07/tim-van-der-kuip-CPs2X8JYmS8-unsplash-scaled.jpg 2560w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/07/tim-van-der-kuip-CPs2X8JYmS8-unsplash-scaled-600x400.jpg 600w"},"categories":{"nodes":[{"slug":"nagrania-live-z-gladiatorow-javascriptu","id":"Y2F0ZWdvcnk6ODk=","name":"Nagrania Live z Gladiatorów Javascriptu"}]},"tags":{"nodes":[{"slug":"gladiatorzy","name":"gladiatorzy","count":15},{"slug":"hooks","name":"hooks","count":3},{"slug":"nauka","name":"nauka","count":45},{"slug":"react","name":"react","count":10},{"slug":"testy","name":"testy","count":8},{"slug":"typescript","name":"typescript","count":11}]},"comments":{"nodes":[]},"seo":{"title":"IntersectionObserver serwowany jako custom hook w React i Typescript - Gladiatorzy JavaScriptu","opengraphTitle":"IntersectionObserver serwowany jako custom hook w React i Typescript - Gladiatorzy JavaScriptu","metaKeywords":"","metaDesc":"Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod. W tym tygodniu zadanie z budowania customowych hooków w oparciu o natywne api JS","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod. W tym tygodniu zadanie z budowania customowych hooków w oparciu o natywne api JS","opengraphImage":{"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/07/tim-van-der-kuip-CPs2X8JYmS8-unsplash-scaled.jpg"}},"siteMetaData":{"description":"Gladiatorzy JavaScriptu","language":"pl_PL","title":"Gladiatorzy JavaScriptu","url":"http://gladiatorzy.api.localhost-group.com"}},{"id":"cG9zdDo3ODE=","slug":"poziomy-abstracji-i-rozumienie-niektorych-zasad-solid-w-typescript","title":"Poziomy abstracji i rozumienie niektórych zasad SOLID w Typescript","date":"2020-09-25T17:38:16","databaseId":781,"content":"\n<h3>Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod. W tym tygodniu trudne zadania z obiektówki i testów</h3>\n\n\n\n<p>Live Code Review i Gladiatorów z 24.09.2020 można obejrzeć tutaj:</p>\n\n\n\n<p><a href=\"https://drive.google.com/file/d/1XXNTezRjOwdsuk8apmctBp0uSzRsVKGO/view?usp=sharing\">https://drive.google.com/file/d/1XXNTezRjOwdsuk8apmctBp0uSzRsVKGO/view?usp=sharing</a></p>\n\n\n\n<p>Kolejny Live Code Review za nami, a z tygodnia na tydzień Gladiatorzy uczą się coraz więcej. Jak zwykle mniej problemu sprawdziają moje zadania, niż poprawne otestowanie ich</p>\n\n\n\n<h4>Zadania:</h4>\n\n\n\n<p>W tym tygodniu przez ponad godzinę gadaliśmy o obiektowości w Typescript oraz rozwiązywaniu problemów za pomocą programowania funkcyjnego. Te zadania sprawiły dużo problemów Gladiatorom, ponieważ w pierwszych kilku linijkach kodu wyszło, że zupełnie nie potrafią programować wg paradygmatu obiektowego 🙂 </p>\n\n\n\n<p>Jeśli chcesz obejrzeć kod rozwiązań to oto są rozwiązania Gladiatorów:</p>\n\n\n\n<ul><li><a href=\"https://github.com/bartektelec/ts-chat-user/blob/master/src/index.ts\" data-type=\"URL\" data-id=\"https://github.com/bartektelec/ts-chat-user/blob/master/src/index.ts\">https://github.com/bartektelec/ts-chat-user/blob/master/src/index.ts</a></li><li><a href=\"https://github.com/Pierniki/ChatRoomOOP\">https://github.com/Pierniki/ChatRoomOOP</a></li></ul>\n\n\n\n<h4>Projekt:</h4>\n\n\n\n<p>Grupa projektowa realizuje drugi z mikroserwisów swojej apki do CV &#8211; XNotes. Mikroserwis ma służyć do obsługi repozytorium z notatkami, które ma służyć jako wygodne miejsce do przetrzymywania danych dostępnych zarówno z apki jak i z wielu innych miejsc &#8211; w końcu to zwykłe repo. Rozmawialiśmy o designie, który zaproponował jeden z Gladiatorów i omawialiśmy jego przełożenie na zaprojektowane funkcjonalności</p>\n\n\n\n<p>Jeśli chcesz zajrzeć w kod projektu to repo znajdziesz tutaj:</p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https://github.com/Drugi-Legion-Gladiatorow\" target=\"_blank\">https://github.com/Drugi-Legion-Gladiatorow</a></p>\n\n\n\n<h3>Zapraszam do obejrzenia całego nagrania!</h3>\n\n\n\n<p>Do następnego commita!</p>\n","featuredImage":{"altText":null,"sizes":null,"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/07/tim-van-der-kuip-CPs2X8JYmS8-unsplash-scaled.jpg","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/07/tim-van-der-kuip-CPs2X8JYmS8-unsplash-scaled.jpg 2560w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/07/tim-van-der-kuip-CPs2X8JYmS8-unsplash-scaled-600x400.jpg 600w"},"categories":{"nodes":[{"slug":"nagrania-live-z-gladiatorow-javascriptu","id":"Y2F0ZWdvcnk6ODk=","name":"Nagrania Live z Gladiatorów Javascriptu"}]},"tags":{"nodes":[{"slug":"gladiatorzy","name":"gladiatorzy","count":15},{"slug":"nauka","name":"nauka","count":45},{"slug":"programowanie-obiektowe","name":"programowanie obiektowe","count":1},{"slug":"solid","name":"solid","count":2},{"slug":"testy","name":"testy","count":8},{"slug":"typescript","name":"typescript","count":11}]},"comments":{"nodes":[]},"seo":{"title":"Poziomy abstracji i rozumienie niektórych zasad SOLID w Typescript - Gladiatorzy JavaScriptu","opengraphTitle":"Poziomy abstracji i rozumienie niektórych zasad SOLID w Typescript - Gladiatorzy JavaScriptu","metaKeywords":"","metaDesc":"Moi Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod. W tym tygodniu trudne zadania z obiektówki i testów","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"Moi Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod. W tym tygodniu trudne zadania z obiektówki i testów","opengraphImage":{"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/07/tim-van-der-kuip-CPs2X8JYmS8-unsplash-scaled.jpg"}},"siteMetaData":{"description":"Gladiatorzy JavaScriptu","language":"pl_PL","title":"Gladiatorzy JavaScriptu","url":"http://gladiatorzy.api.localhost-group.com"}},{"id":"cG9zdDo3MTA=","slug":"promisy-promisy-i-jeszcze-raz-promisy-i-to-wszystko-w-typescript","title":"Zadania opierające się na wielu promisach w TypeScript plus testy","date":"2020-09-11T13:54:13","databaseId":710,"content":"\n<h3>Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod. W tym tygodniu zadania z promisów </h3>\n\n\n\n<p>Live Code Review i Gladiatorów z 10.09.2020 można obejrzeć tutaj:</p>\n\n\n\n<p><a href=\"https://drive.google.com/file/d/1_VJq4zTEGuHyKM1qomRzIAFEjfg8VZLQ/view?usp=sharing\">https://drive.google.com/file/d/1_VJq4zTEGuHyKM1qomRzIAFEjfg8VZLQ/view?usp=sharing</a></p>\n\n\n\n<p>Kolejny Live Code Review za nami, a z tygodnia na tydzień Gladiatorzy uczą się coraz więcej. Jak zwykle mniej problemu sprawdziają moje zadania, niż poprawne otestowanie ich</p>\n\n\n\n<h4>Zadania:</h4>\n\n\n\n<p>W tym tygodniu przez ponad godzinę gadaliśmy o promisach i ich implementacji w Typescript, oraz zadaniach</p>\n\n\n\n<p>Jeśli chcesz obejrzeć kod rozwiązań to oto są rozwiązania Gladiatorów:</p>\n\n\n\n<ul><li><a>https://github.com/erq-programmer/promise-methods</a></li><li><a>https://github.com/karolina-szlenk/promise-methods</a></li><li><a>https://github.com/Adamchello/promise-methods</a></li></ul>\n\n\n\n<h4>Projekt:</h4>\n\n\n\n<p>Grupa projektowa realizuje drugi z mikroserwisów swojej apki do CV &#8211; XNotes. Mikroserwis ma służyć do obsługi repozytorium z notatkami, które ma służyć jako wygodne miejsce do przetrzymywania danych dostępnych zarówno z apki jak i z wielu innych miejsc &#8211; w końcu to zwykłe repo. Udało im się zrobić funkcjonalności commitowania, pullowania oraz dodawania nowego repo z poziomu aplikacji</p>\n\n\n\n<p>Jeśli chcesz zajrzeć w kod projektu to repo znajdziesz tutaj:</p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https://github.com/Drugi-Legion-Gladiatorow\" target=\"_blank\">https://github.com/Drugi-Legion-Gladiatorow</a></p>\n\n\n\n<h3>Zapraszam do obejrzenia całego nagrania!</h3>\n\n\n\n<p>Do następnego commita!</p>\n","featuredImage":{"altText":"","sizes":"(max-width: 200px) 100vw, 200px","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/marten-bjork-ANGrwTKxjlk-unsplash-scaled.jpg","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/marten-bjork-ANGrwTKxjlk-unsplash-200x300.jpg 200w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/marten-bjork-ANGrwTKxjlk-unsplash-683x1024.jpg 683w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/marten-bjork-ANGrwTKxjlk-unsplash-768x1152.jpg 768w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/marten-bjork-ANGrwTKxjlk-unsplash-1024x1536.jpg 1024w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/marten-bjork-ANGrwTKxjlk-unsplash-1365x2048.jpg 1365w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/marten-bjork-ANGrwTKxjlk-unsplash-600x900.jpg 600w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/marten-bjork-ANGrwTKxjlk-unsplash-scaled.jpg 1707w"},"categories":{"nodes":[{"slug":"nagrania-live-z-gladiatorow-javascriptu","id":"Y2F0ZWdvcnk6ODk=","name":"Nagrania Live z Gladiatorów Javascriptu"}]},"tags":{"nodes":[{"slug":"gladiatorzy","name":"gladiatorzy","count":15},{"slug":"nauka","name":"nauka","count":45},{"slug":"testy","name":"testy","count":8},{"slug":"typescript","name":"typescript","count":11}]},"comments":{"nodes":[]},"seo":{"title":"Zadania opierające się na wielu promisach w TypeScript plus testy - Gladiatorzy JavaScriptu","opengraphTitle":"Promisy, promisy i jeszcze raz promisy - i to wszystko w Typescript - Gladiatorzy JavaScriptu","metaKeywords":"","metaDesc":"Moi Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod. W tym tygodniu trudne zadania z promisów","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"Moi Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod. W tym tygodniu trudne zadania z promisów","opengraphImage":{"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/marten-bjork-ANGrwTKxjlk-unsplash-scaled.jpg"}},"siteMetaData":{"description":"Gladiatorzy JavaScriptu","language":"pl_PL","title":"Gladiatorzy JavaScriptu","url":"http://gladiatorzy.api.localhost-group.com"}},{"id":"cG9zdDo2Njk=","slug":"pisanie-customowych-high-order-functions-dla-arrayow-i-obiektow-w-typescript-wywolywanie-komend-basha-w-node","title":"Pisanie customowych High order functions dla Arrayów i Obiektów w Typescript, wywoływanie komend basha w Node","date":"2020-09-05T18:26:23","databaseId":669,"content":"\n<h3>Typescript, React, Hooki i Testy. Moi Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod</h3>\n\n\n\n<p>Live Code Review i Gladiatorów z 03.09.2020 można obejrzeć tutaj:</p>\n\n\n\n<p><a href=\"https://drive.google.com/file/d/1-2j_NTfFY8Umafhu-KBYmzd3ke79aANH/view?usp=sharing\">https://drive.google.com/file/d/1-2j_NTfFY8Umafhu-KBYmzd3ke79aANH/view?usp=sharing</a></p>\n\n\n\n<p>Kolejny Live Code Review za nami, a z tygodnia na tydzień Gladiatorzy uczą się coraz więcej. Jak zwykle mniej problemu sprawdziają moje zadania, niż poprawne otestowanie ich</p>\n\n\n\n<h4>Zadania:</h4>\n\n\n\n<p>W tym tygodniu zadania dotyczyły zbudowania customowych metod w Typescript dla klasy Object i Array, które sprawiły niemałą trudność Gladiatorom, jednak raczej udało się osiągnać ten rezultat. Do zadań były dołaczone też testy, które w różny sposób pokazywały podejście Gladiatorów do testowania własnego kodu</p>\n\n\n\n<p>Linki do zadań:</p>\n\n\n\n<ul><li><a>https://github.com/Przemocny/zbior-zadan-html-css-js-react/blob/master/TS/Array.select.ts</a></li><li><a>https://github.com/Przemocny/zbior-zadan-html-css-js-react/blob/master/TS/Object.map.ts</a></li></ul>\n\n\n\n<p>Jeśli chcesz obejrzeć kod rozwiązań to oto są rozwiązania Gladiatorów:</p>\n\n\n\n<ul><li>Array.select &#8211; <a rel=\"noreferrer noopener\" href=\"https://github.com/refixshow/useMemoState\" target=\"_blank\"></a><a>https://github.com/refixshow/arrayselect</a></li><li>Array.select &#8211; <a>https://github.com/erq-programmer/array-prototype-select</a></li><li>Object.map &#8211; <a rel=\"noreferrer noopener\" href=\"https://github.com/karolina-szlenk/TableWithPagination.js\" target=\"_blank\"></a><a>https://github.com/karolina-szlenk/Object.map.ts</a></li><li>Object.map &#8211; <a>https://github.com/Adamchello/objectMap</a></li></ul>\n\n\n\n<h4>Projekt:</h4>\n\n\n\n<p>Grupa projektowa realizuje już kolejne funkcjonalności projektu XNotes, udało się im z poziomu Node uderzać do api Githuba. Jednak z uwagi na brak wiedzy, nie wiedzieli, że w wielu przypadkach łatwiej będzie wykonać komendę basha przez child_process niż tłuc sie z restowym api 🙂 </p>\n\n\n\n<p>Jeśli chcesz zajrzeć w kod projektu to repo znajdziesz tutaj:</p>\n\n\n\n<p><a href=\"https://github.com/Drugi-Legion-Gladiatorow\" target=\"_blank\" rel=\"noreferrer noopener\">https://github.com/Drugi-Legion-Gladiatorow</a></p>\n\n\n\n<p>Pod koniec nagrania zdecydowałem, że ten sezon Gladiatorów zostanie przedłużony o tydzień, aby aktualna grupa projektowa zdążyła zrealizować to co trzeba i mogła przekazać zadania z Reacta do późniejszej realizacji dla późniejszej grupy projektowej</p>\n\n\n\n<h3>Zapraszam do obejrzenia całego nagrania!</h3>\n\n\n\n<p>Do następnego commita!</p>\n","featuredImage":{"altText":"","sizes":null,"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/06/filiberto-santillan-1HCb2gPk3ik-unsplash-scaled.jpg","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/06/filiberto-santillan-1HCb2gPk3ik-unsplash-scaled.jpg 2560w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/06/filiberto-santillan-1HCb2gPk3ik-unsplash-scaled-600x400.jpg 600w"},"categories":{"nodes":[{"slug":"nagrania-live-z-gladiatorow-javascriptu","id":"Y2F0ZWdvcnk6ODk=","name":"Nagrania Live z Gladiatorów Javascriptu"}]},"tags":{"nodes":[{"slug":"gladiatorzy","name":"gladiatorzy","count":15},{"slug":"nauka","name":"nauka","count":45},{"slug":"node","name":"node","count":6},{"slug":"projekty","name":"projekty","count":13},{"slug":"testy","name":"testy","count":8},{"slug":"typescript","name":"typescript","count":11}]},"comments":{"nodes":[]},"seo":{"title":"Pisanie customowych High order functions dla Arrayów i Obiektów w Typescript, wywoływanie komend basha w Node - Gladiatorzy JavaScriptu","opengraphTitle":"Pisanie customowych High order functions dla Arrayów i Obiektów w Typescript, wywoływanie komend basha w Node - Gladiatorzy JavaScriptu","metaKeywords":"","metaDesc":"Typescript, React, Hooki i Testy. Moi Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"Typescript, React, Hooki i Testy. Moi Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod","opengraphImage":{"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/06/filiberto-santillan-1HCb2gPk3ik-unsplash-scaled.jpg"}},"siteMetaData":{"description":"Gladiatorzy JavaScriptu","language":"pl_PL","title":"Gladiatorzy JavaScriptu","url":"http://gladiatorzy.api.localhost-group.com"}},{"id":"cG9zdDo2MDc=","slug":"fullstack-react-typescript-graphql-node-redis-tutorial-14h","title":"Fullstack React + Typescript, GraphQL + Node + Redis tutorial, aż 14h!","date":"2020-08-28T19:36:27","databaseId":607,"content":"\n<h3>Tego Pana nie trzeba przedstawiać ludziom, którzy choć raz wpisali na youtube frazę &#8222;typescript&#8221; i przescrollowali przynajmniej kilka pierwszych wyników</h3>\n\n\n\n<h2>Długość &#8211; 14h, zajebistość 6/5 gwiazdek miszelina! </h2>\n\n\n\n<h2>Polecam z całego serca i ze spokojnym sumieniem, że obejrzenie tego tutoriala otworzy Ci oczy co znaczy być fullstackiem w JS w 2020</h2>\n\n\n\n<p>Sam dowiedziałem się z niego kilka ciekawych rzeczy o Graphql, Redis, Typescript czy Node. Tutorial world-class!</p>\n\n\n\n<p>Link do tutoriala:</p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Fullstack React GraphQL TypeScript Tutorial\" width=\"500\" height=\"281\" src=\"https://www.youtube.com/embed/I6ypD7qv3Z8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n</div></figure>\n\n\n\n<p>Do następnego commita!</p>\n","featuredImage":{"altText":"","sizes":"(max-width: 300px) 100vw, 300px","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/alexandre-pellaes-6vAjp0pscX0-unsplash-scaled.jpg","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/alexandre-pellaes-6vAjp0pscX0-unsplash-300x200.jpg 300w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/alexandre-pellaes-6vAjp0pscX0-unsplash-1024x683.jpg 1024w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/alexandre-pellaes-6vAjp0pscX0-unsplash-768x512.jpg 768w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/alexandre-pellaes-6vAjp0pscX0-unsplash-1536x1024.jpg 1536w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/alexandre-pellaes-6vAjp0pscX0-unsplash-2048x1365.jpg 2048w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/alexandre-pellaes-6vAjp0pscX0-unsplash-600x400.jpg 600w"},"categories":{"nodes":[{"slug":"materialy-do-nauki","id":"Y2F0ZWdvcnk6NjM=","name":"Materiały do nauki"}]},"tags":{"nodes":[{"slug":"graphql","name":"graphql","count":1},{"slug":"junior","name":"junior","count":8},{"slug":"materialy","name":"materiały","count":6},{"slug":"nauka","name":"nauka","count":45},{"slug":"node","name":"node","count":6},{"slug":"react","name":"react","count":10},{"slug":"redis","name":"redis","count":1},{"slug":"testy","name":"testy","count":8},{"slug":"tutorial","name":"tutorial","count":2},{"slug":"typescript","name":"typescript","count":11}]},"comments":{"nodes":[]},"seo":{"title":"Fullstack React + Typescript, GraphQL + Node + Redis tutorial, aż 14h! - Gladiatorzy JavaScriptu","opengraphTitle":"Fullstack React + Typescript, GraphQL + Node + Redis tutorial, aż 14h! - Gladiatorzy JavaScriptu","metaKeywords":"","metaDesc":"Tego Pana nie trzeba przedstawiać ludziom, którzy choć raz wpisali na youtube frazę \"typescript\". Długość - 14h, zajebistość 6/5 gwiazdek miszelina!","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"Tego Pana nie trzeba przedstawiać ludziom, którzy choć raz wpisali na youtube frazę \"typescript\". Długość - 14h, zajebistość 6/5 gwiazdek miszelina!","opengraphImage":{"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/alexandre-pellaes-6vAjp0pscX0-unsplash-scaled.jpg"}},"siteMetaData":{"description":"Gladiatorzy JavaScriptu","language":"pl_PL","title":"Gladiatorzy JavaScriptu","url":"http://gladiatorzy.api.localhost-group.com"}},{"id":"cG9zdDo2MDE=","slug":"customowe-hooki-sporo-o-typowaniu-i-kilkanacie-dobrze-napisanych-testow-w-react-i-typescript","title":"Customowe hooki, sporo o typowaniu hooków i kilkanaście dobrze napisanych testów w React i Typescript","date":"2020-08-28T16:52:33","databaseId":601,"content":"\n<h3>Typescript, React, Hooki i Testy. Moi Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod</h3>\n\n\n\n<p>Live Code Review i Gladiatorów z 27.08.2020 można obejrzeć tutaj:</p>\n\n\n\n<p><a href=\"https://drive.google.com/file/d/1EMbDwoMzk4zKIkPwMGvo6rSU1J5wqDo0/view?usp=sharing\" target=\"_blank\" rel=\"noreferrer noopener\">https://drive.google.com/file/d/1EMbDwoMzk4zKIkPwMGvo6rSU1J5wqDo0/view?usp=sharing</a></p>\n\n\n\n<p>Kolejny Live Code Review za nami, a z tygodnia na tydzień Gladiatorzy uczą się coraz więcej. Jak zwykle mniej problemu sprawdziają moje zadania, niż poprawne otestowanie ich</p>\n\n\n\n<h4>Zadania:</h4>\n\n\n\n<p>W tym tygodniu przez ponad godzinę rozmawialiśmy o customowych hookach i o tym dlaczego ważne jest otypowanie ich w sposób generyczny, aby nie zastanawiać się nad spójnością danych pracujących w hookach. Każde rozwiązanie, które sprawdziłem było całkiem fajnie zrobione i otestowane</p>\n\n\n\n<p>Jeśli chcesz obejrzeć kod rozwiązań to oto są rozwiązania Gladiatorów:</p>\n\n\n\n<ul><li>useMemoState &#8211; <a href=\"https://github.com/refixshow/useMemoState\" target=\"_blank\" rel=\"noreferrer noopener\">https://github.com/refixshow/useMemoState</a></li><li>TableWithPagination &#8211; <a href=\"https://github.com/karolina-szlenk/TableWithPagination.js\" target=\"_blank\" rel=\"noreferrer noopener\">https://github.com/karolina-szlenk/TableWithPagination.js</a></li></ul>\n\n\n\n<h4>Projekt:</h4>\n\n\n\n<p>Grupa projektowa zaczęła realizację drugiego z mikroserwisów swojej apki do CV &#8211; XNotes. Mikroserwis ma służyć do obsługi repozytorium z notatkami, które ma służyć jako wygodne miejsce do przetrzymywania danych dostępnych zarówno z apki jak i z wielu innych miejsc &#8211; w końcu to zwykłe repo</p>\n\n\n\n<p>Jeśli chcesz zajrzeć w kod projektu to repo znajdziesz tutaj:</p>\n\n\n\n<p><a href=\"https://github.com/Drugi-Legion-Gladiatorow\" target=\"_blank\" rel=\"noreferrer noopener\">https://github.com/Drugi-Legion-Gladiatorow</a></p>\n\n\n\n<p>Pod koniec nagrania wyszedł temat potęgi Github Actions, który najprawdopodobniej będzie tematem jednego ze specjalnych odcinków Gladiatórów Javascriptu</p>\n\n\n\n<h3>Zapraszam do obejrzenia całego nagrania!</h3>\n\n\n\n<p>Do następnego commita!</p>\n","featuredImage":{"altText":"","sizes":"(max-width: 200px) 100vw, 200px","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/arif-riyanto-vJP-wZ6hGBg-unsplash-scaled.jpg","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/arif-riyanto-vJP-wZ6hGBg-unsplash-200x300.jpg 200w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/arif-riyanto-vJP-wZ6hGBg-unsplash-682x1024.jpg 682w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/arif-riyanto-vJP-wZ6hGBg-unsplash-768x1154.jpg 768w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/arif-riyanto-vJP-wZ6hGBg-unsplash-1022x1536.jpg 1022w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/arif-riyanto-vJP-wZ6hGBg-unsplash-1363x2048.jpg 1363w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/arif-riyanto-vJP-wZ6hGBg-unsplash-600x901.jpg 600w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/arif-riyanto-vJP-wZ6hGBg-unsplash-scaled.jpg 1704w"},"categories":{"nodes":[{"slug":"nagrania-live-z-gladiatorow-javascriptu","id":"Y2F0ZWdvcnk6ODk=","name":"Nagrania Live z Gladiatorów Javascriptu"}]},"tags":{"nodes":[{"slug":"gladiatorzy","name":"gladiatorzy","count":15},{"slug":"hooks","name":"hooks","count":3},{"slug":"nauka","name":"nauka","count":45},{"slug":"react","name":"react","count":10},{"slug":"testy","name":"testy","count":8},{"slug":"typescript","name":"typescript","count":11}]},"comments":{"nodes":[]},"seo":{"title":"Customowe hooki, sporo o typowaniu hooków i kilkanaście dobrze napisanych testów w React i Typescript - Gladiatorzy JavaScriptu","opengraphTitle":"Customowe hooki, sporo o typowaniu hooków i kilkanaście dobrze napisanych testów w React i Typescript - Gladiatorzy JavaScriptu","metaKeywords":"","metaDesc":"Typescript, React, Hooki i Testy. Moi Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"Typescript, React, Hooki i Testy. Moi Gladiatorzy Javascriptu rozwijają się z tygodnia na tydzień i już coraz lepiej piszą swój kod","opengraphImage":{"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/arif-riyanto-vJP-wZ6hGBg-unsplash-scaled.jpg"}},"siteMetaData":{"description":"Gladiatorzy JavaScriptu","language":"pl_PL","title":"Gladiatorzy JavaScriptu","url":"http://gladiatorzy.api.localhost-group.com"}},{"id":"cG9zdDo1NDc=","slug":"typy-w-komponentach-funkcyjnych-reacta-oraz-w-hookach-troche-na-temat-testowania","title":"Typy w komponentach funkcyjnych Reacta oraz w Hookach + trochę na temat testowania","date":"2020-08-21T19:43:55","databaseId":547,"content":"\n<h3>Typescript, React, Hooki i Testy. Dużo błędów młodych programistów i wartościowego Code Review ich zadań &#8211; czyli nowy odcinek Gladiatorów Javascriptu</h3>\n\n\n\n<p>Live Code Review i Gladiatorów z 20.08.2020 można obejrzeć tutaj:<br><a href=\"https://drive.google.com/file/d/1apjAo1SfIy9N7RJENYAld-I7Uo8Sai92/view?usp=sharing\">https://drive.google.com/file/d/1apjAo1SfIy9N7RJENYAld-I7Uo8Sai92/view?usp=sharing</a></p>\n\n\n\n<p>Na początku jak zwykle słaba jakość, ale po 2 min robi się już ok!</p>\n\n\n\n<p>W tym tygodniu przez 2h prezentowaliśmy różne rozwiązania zadań z Reacta wraz z testami, oraz było opowiedziane trochę o typowaniu w React, oraz kilka wzmianek o hooksach. Większość rozwiązań Gladiatorów nie było poprawnych, więc warto posłuchać, bo może też popełniasz podobne błędy</p>\n\n\n\n<p>Na tygodniu będę rozmawiać z grupą projektową oraz projektować z nimi layout do aplikacji XNotes<br><br>Jeśli chcesz zajrzeć w kod projektu to repo znajdziesz tutaj:</p>\n\n\n\n<p><a href=\"https://github.com/Drugi-Legion-Gladiatorow\">https://github.com/Drugi-Legion-Gladiatorow</a></p>\n\n\n\n<h3>Zapraszam do obejrzenia!</h3>\n\n\n\n<h4>Do następnego commita!</h4>\n","featuredImage":{"altText":"","sizes":"(max-width: 300px) 100vw, 300px","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/andrew-neel-fkalryO4dUI-unsplash-scaled.jpg","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/andrew-neel-fkalryO4dUI-unsplash-300x200.jpg 300w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/andrew-neel-fkalryO4dUI-unsplash-1024x683.jpg 1024w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/andrew-neel-fkalryO4dUI-unsplash-768x512.jpg 768w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/andrew-neel-fkalryO4dUI-unsplash-1536x1024.jpg 1536w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/andrew-neel-fkalryO4dUI-unsplash-2048x1365.jpg 2048w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/andrew-neel-fkalryO4dUI-unsplash-600x400.jpg 600w"},"categories":{"nodes":[{"slug":"nagrania-live-z-gladiatorow-javascriptu","id":"Y2F0ZWdvcnk6ODk=","name":"Nagrania Live z Gladiatorów Javascriptu"}]},"tags":{"nodes":[{"slug":"gladiatorzy","name":"gladiatorzy","count":15},{"slug":"hooks","name":"hooks","count":3},{"slug":"nauka","name":"nauka","count":45},{"slug":"react","name":"react","count":10},{"slug":"testy","name":"testy","count":8},{"slug":"typescript","name":"typescript","count":11}]},"comments":{"nodes":[]},"seo":{"title":"Typy w komponentach funkcyjnych Reacta oraz w Hookach + trochę na temat testowania - Gladiatorzy JavaScriptu","opengraphTitle":"Typy w komponentach funkcyjnych Reacta oraz w Hookach + trochę na temat testowania","metaKeywords":"","metaDesc":"Typescript, React, Hooki i Testy! Dużo błędów młodych programistów i wartościowego Code Review - czyli nowy odcinek Gladiatorów Javascriptu","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"Typescript, React, Hooki i Testy! Dużo błędów młodych programistów i wartościowego Code Review - czyli nowy odcinek Gladiatorów Javascriptu","opengraphImage":{"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/andrew-neel-fkalryO4dUI-unsplash-scaled.jpg"}},"siteMetaData":{"description":"Gladiatorzy JavaScriptu","language":"pl_PL","title":"Gladiatorzy JavaScriptu","url":"http://gladiatorzy.api.localhost-group.com"}},{"id":"cG9zdDo1MTk=","slug":"materialy-i-reposy-dla-kazdego-kto-zaczyna-z-typescript-i-testami-w-jest","title":"Materiały i reposy dla każdego, kto zaczyna z TypeScriptem i testami w Jest","date":"2020-08-17T23:43:17","databaseId":519,"content":"\n<h3>Ostatnio w Akademii Programowania Localhost odkryłem to z czym zwykle na początku przegrywają moi studenci, kiedy zaczynają naukę</h3>\n\n\n\n<h2>Zaskakująco często przegrywają z własnym komputerem!</h2>\n\n\n\n<p>To konfiguracja środowiska do realizacji zadań z modułów do nauki sprawia im dużo kłopotu</p>\n\n\n\n<p>Jeśli też czasem walczysz z własnym komputerem to tutaj masz gotowe, działające repo pod proste taski w TS oraz testy w Jest</p>\n\n\n\n<p><a href=\"https://github.com/Przemocny/ts_env_scripts\">https://github.com/Przemocny/ts_env_scripts</a></p>\n\n\n\n<p>W środku repo jest README.md, w nim opis jak postawić repo u siebie i jak je testować. W skrócie:</p>\n\n\n\n<pre class=\"wp-block-code\"><code>// aby zainstalować\nnpm install\n\n// aby odpalić\nnpm run start\n\n// aby przetestować\nnpm run test</code></pre>\n\n\n\n<p>Zforkuj sobie repo do siebie, spinaj dupę i do roboty! </p>\n\n\n\n<p>Przykładowe zadania, które możesz wykonać przy pomocy swojego kodu, oraz tego środowiska:</p>\n\n\n\n<ul><li>wyciągnij pojedyncze funkcjonalności z różnych swoich projektów, przerób na TypeScript i napisz do nich testy</li><li>wyciągnij kilka współpracujących funkcjonalności ze swojego dowolnego projektu, przepisz na TS i napisz testy integracyjne</li><li>weź dowolne zadanie (ale nie z Reacta) z darmowego zbioru: <a href=\"https://github.com/Przemocny/zbior-zadan-html-css-js-react\">https://github.com/Przemocny/zbior-zadan-html-css-js-react</a></li></ul>\n\n\n\n<p>Jeśli szukasz repo dla osób, które zaczynają przygodę z projektami w architekturze mikroserwisowej, to takie jest tutaj:</p>\n\n\n\n<p><a href=\"https://github.com/Przemocny/typescript_mongo_microservices_example\">https://github.com/Przemocny/typescript_mongo_microservices_example</a></p>\n\n\n\n<p></p>\n\n\n\n<p>Materiały do nauki TS:</p>\n\n\n\n<p><a href=\"https://gladiators-of-javascript.com/blog/dlaczego-typescript-stopniowo-bedzie-wypierac-javascript/\">https://gladiators-of-javascript.com/blog/dlaczego-typescript-stopniowo-bedzie-wypierac-javascript/</a></p>\n\n\n\n<p><a href=\"https://github.com/labs42io/clean-code-typescript\">https://github.com/labs42io/clean-code-typescript</a></p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"TypeScript Tutorial #1 - Introduction &amp; Setup\" width=\"500\" height=\"281\" src=\"https://www.youtube.com/embed/videoseries?list=PL4cUxeGkcC9gUgr39Q_yD6v-bSyMwKPUI\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n</div></figure>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Poznaj TypeScript - Podstawy języka (Sesja Pair Programming) | Przeprogramowani.ts #1\" width=\"500\" height=\"281\" src=\"https://www.youtube.com/embed/puOKhYcPg-0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n</div></figure>\n\n\n\n<p></p>\n","featuredImage":{"altText":"","sizes":"(max-width: 300px) 100vw, 300px","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/hans-peter-gauster-3y1zF4hIPCg-unsplash-scaled.jpg","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/hans-peter-gauster-3y1zF4hIPCg-unsplash-300x200.jpg 300w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/hans-peter-gauster-3y1zF4hIPCg-unsplash-1024x684.jpg 1024w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/hans-peter-gauster-3y1zF4hIPCg-unsplash-768x513.jpg 768w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/hans-peter-gauster-3y1zF4hIPCg-unsplash-1536x1026.jpg 1536w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/hans-peter-gauster-3y1zF4hIPCg-unsplash-2048x1368.jpg 2048w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/hans-peter-gauster-3y1zF4hIPCg-unsplash-600x401.jpg 600w"},"categories":{"nodes":[{"slug":"materialy-do-nauki","id":"Y2F0ZWdvcnk6NjM=","name":"Materiały do nauki"}]},"tags":{"nodes":[{"slug":"junior","name":"junior","count":8},{"slug":"materialy","name":"materiały","count":6},{"slug":"nauka","name":"nauka","count":45},{"slug":"newbie","name":"newbie","count":4},{"slug":"testy","name":"testy","count":8},{"slug":"typescript","name":"typescript","count":11}]},"comments":{"nodes":[]},"seo":{"title":"Materiały i reposy dla każdego, kto zaczyna z TypeScriptem i testami w Jest - Gladiatorzy JavaScriptu","opengraphTitle":"Materiały i reposy dla każdego, kto zaczyna z TypeScriptem i testami w Jest - Gladiatorzy JavaScriptu","metaKeywords":"","metaDesc":"Ostatnio w Akademii Programowania Localhost odkryłem to z czym zwykle na początku przegrywają moi studenci, kiedy zaczynają naukę...","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"Ostatnio w Akademii Programowania Localhost odkryłem to z czym zwykle na początku przegrywają moi studenci, kiedy zaczynają naukę...","opengraphImage":{"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/hans-peter-gauster-3y1zF4hIPCg-unsplash-scaled.jpg"}},"siteMetaData":{"description":"Gladiatorzy JavaScriptu","language":"pl_PL","title":"Gladiatorzy JavaScriptu","url":"http://gladiatorzy.api.localhost-group.com"}}]}},"staticQueryHashes":[]}