{"componentChunkName":"component---src-templates-standard-tag-js","path":"/tags/react/","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":"react","slug":"react","count":3},"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<blockquote><p>Daniel<br />\nPolecam tego allegrowicza! Wymagające zadania sprawdzą Twoją wiedzę i pozwolą doszlifować umiejętności</p></blockquote>\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":"400.00&nbsp;zł","salePrice":"300.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":null,"upsell":{"nodes":[]},"crossSell":{"nodes":[]},"galleryImages":{"nodes":[{"slug":"gladiators2star","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators2star.png 500w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators2star-300x300.png 300w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators2star-100x100.png 100w","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators2star.png"},{"slug":"gladiators3star","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators3star.png 500w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators3star-300x300.png 300w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators3star-100x100.png 100w","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators3star.png"},{"slug":"gladiators1star","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators1star.png 500w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators1star-300x300.png 300w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators1star-100x100.png 100w","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators1star.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<blockquote><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></blockquote>\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<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":"150.00&nbsp;zł","salePrice":"120.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":null,"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"}},{"id":"cHJvZHVjdDo2MA==","name":"Ambitne i wymagające zadania z JS i React","slug":"ambitne-i-wymagajace-zadania-z-js-i-react","productId":60,"description":"<h3>Druga 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 są gotowi na rynek, ale wiedzą, że muszą się dalej uczyć bardziej zaawansowanej wiedzy z programowania. Obowiązkowa pozycja dla osób, które niskim kosztem chce mieć ogrom zadań praktycznych w rozwoju w kierunku pierwszej pracy bądź poznania Reacta lepiej i bardziej praktycznie. Druga część z 3 częściowego zestawu zbiorów</p>\n<blockquote><p>Monika</p>\n<p>Ćwiczę z Przemkiem już jakiś czas zadania i czuję, że dopiero teraz zaczynam uczyć się dobrze kodować</p></blockquote>\n<h5>Tematy rozwijane w tym zbiorze:</h5>\n<ul>\n<li><strong>JS</strong> &#8211;  algorytmy, struktury danych, programowanie obiektowe i funkcyjne, asynchroniczność wzorce</li>\n<li><strong>React</strong> &#8211; Zaawansowane komponenty oraz wzorce, ContextApi, Hooks</li>\n<li><strong>Testy</strong> &#8211; budowanie prostych scenariuszy do testów integracyjnych i jednostkowych</li>\n</ul>\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 z JS i React</span></p>\n","type":"SIMPLE","featured":true,"totalSales":null,"productCategories":{"nodes":[{"name":"Zbiory zadań","slug":"zbiory-zadan"}]},"productTags":{"nodes":[{"name":"hoc","slug":"hoc","count":1},{"name":"hooks","slug":"hooks","count":1},{"name":"javascript","slug":"javascript","count":4},{"name":"junior","slug":"junior","count":5},{"name":"react","slug":"react","count":3},{"name":"redux","slug":"redux","count":3},{"name":"router","slug":"router","count":1}]},"seo":{"title":"Ambitne i wymagające zadania z JS i React - Gladiatorzy JavaScriptu","opengraphTitle":"","metaKeywords":"","metaDesc":"Dla tych, którzy są gotowi na rynek, ale wiedzą, że muszą się dalej uczyć bardziej zaawansowanej wiedzy z programowania. Ponad 200h praktycznej pracy z JS i React","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"","opengraphImage":null},"regularPrice":"150.00&nbsp;zł","salePrice":"120.00&nbsp;zł","image":{"altText":"","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","sizes":null},"attributes":null,"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"}},{"name":"Nieprzewidziane i sprawiające problemy testy JS i React","slug":"nieprzewidziane-i-sprawiajace-problemy-testy-js-i-react","image":{"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators-mid-junior.png","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"}}]},"crossSell":{"nodes":[]},"galleryImages":{"nodes":[{"slug":"gladiators2star","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators2star.png 500w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators2star-300x300.png 300w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators2star-100x100.png 100w","sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/05/gladiators2star.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":"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":7},{"slug":"materialy","name":"materiały","count":6},{"slug":"nauka","name":"nauka","count":19},{"slug":"node","name":"node","count":2},{"slug":"react","name":"react","count":6},{"slug":"redis","name":"redis","count":1},{"slug":"testy","name":"testy","count":4},{"slug":"tutorial","name":"tutorial","count":2},{"slug":"typescript","name":"typescript","count":6}]},"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":6},{"slug":"hooks","name":"hooks","count":2},{"slug":"nauka","name":"nauka","count":19},{"slug":"react","name":"react","count":6},{"slug":"testy","name":"testy","count":4},{"slug":"typescript","name":"typescript","count":6}]},"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":"cG9zdDo1NzM=","slug":"jak-sobie-pomoc-podczas-rekrutacji-na-react-junior-i-mid-deva","title":"Jak sobie pomóc podczas rekrutacji na React Junior i Mid Deva?","date":"2020-08-25T00:07:49","databaseId":573,"content":"\n<h3>Każdy na początku swojej drogi w branży IT musi się zmierzyć z realiami &#8211; w końcu czas zacząć zarabiać ze swoich umiejętności i najwyższa pora już iść do pierwszej pracy</h3>\n\n\n\n<p>Oczywiście rekrutacja to długi, zawiły, bardzo różnorodny i zależny od firmy proces. Jednak zwykle sprowadza się do kilku ogólnych punktów, ale niekoniecznie w każdej firmie wystąpią wszystkie:</p>\n\n\n\n<h3>Aby skutecznie zostać zrekrutowanym to trzeba:</h3>\n\n\n\n<ul><li>&#8222;sprzedać się&#8221; poprzez CV &#8211; Pani z HR musi kupić oczami Twoje CV, aby zechciała się do nas odezwać</li><li>pokazać się z dobrej strony poprzez portfolio &#8211; jakaś osoba techniczna kupuje nas poprzez nasz kod, który upubliczniamy np na Github</li><li><strong>udowodnić swoje umiejętności realizując zadanie testowe</strong> </li><li>być miłym i komunikatywnym człowiekiem podczas rozmowy miekkiej z Panią z HRu &#8211; coraz częściej firmy biorą ludzi bardziej pasujących im charaterem, ale słabszych technicznie dlatego warto przygotować się na rozmowę u klienta </li><li>być &#8222;w miarę&#8221; wyuczonym na rozmowie technicznej (lub umieć odpowiednio wymijająco, ale konkretnie odpowiadać na pytania) </li></ul>\n\n\n\n<p>Takie punkty w skrócie zawiera pewnie 90% procesów rekrutacyjnych, oraz te punkty są często w różnej kolejności. Czasem jest kilka rozmów miękkich, czasem 2 zadania testowe. </p>\n\n\n\n<h3>Ten post będzie dotykać kwestii udowodnienia swoich umiejętności technicznych na realizacji jakiegoś prostego taska</h3>\n\n\n\n<p>Jedna z wielkich firm rekrutujących (nazwy podać nie mogę, ale zaczyna się od &#8222;Co&#8221; a kończy na &#8222;ty&#8221;) na różne stanowiska techniczne po całym świecie zatrudniła mnie jako twórce zadań rekrutacyjnych z Reacta po tym jak wysłałem im kilka przykładowych zadań ze swojego zbioru <img height=\"16\" width=\"16\" src=\"https://static.xx.fbcdn.net/images/emoji.php/v9/t4c/1/16/1f642.png\" alt=\"\"></p>\n\n\n\n<p>Zadania uznali za wymagające oraz odpowiednie zarówno na pozycję Juniorów JS jak i Midów <img height=\"16\" width=\"16\" src=\"https://static.xx.fbcdn.net/images/emoji.php/v9/t4c/1/16/1f642.png\" alt=\"\"></p>\n\n\n\n<p>Dlaczego przerobienie kilku zadań ze zbioru pomoże Ci w rekrutacji?</p>\n\n\n\n<p>Cały drugi zbiór zadań jest tutaj:</p>\n\n\n\n<p><a href=\"https://gladiators-of-javascript.com/shop/products/ambitne-i-wymagajace-zadania-z-js-i-react/\">https://gladiators-of-javascript.com/shop/products/ambitne-i-wymagajace-zadania-z-js-i-react/</a></p>\n\n\n\n<p>Jest wypełniony zadaniami rekrutacyjnymi z JS i Reacta z poziomu Junior i Mid. Znajdziesz w nim zadania z customowych hooków, trudniejsze zadania logiczne, komponowanie niezależnych funkcjonalności aplikacji. Znajdziesz też w nim proste zadanie na napisanie testów &#8211; nic tak nie świadczy o dobrym skillu koderskim juniora jak kilka prostych testów jednostkowych</p>\n\n\n\n<h3>Z okazji tego, że moje zadania będą używane jako zadania rekrutacyjne w firmach na całym świecie &#8211; łap kupon na -33% (<strong>react-rekrutacja</strong>)</h3>\n\n\n\n<p>Ten kupon będzie działać zawsze, aby wspierać polskich Juniorów JS</p>\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/free-to-use-sounds-kOuCX7fh50U-unsplash-scaled.jpg","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/free-to-use-sounds-kOuCX7fh50U-unsplash-300x200.jpg 300w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/free-to-use-sounds-kOuCX7fh50U-unsplash-1024x684.jpg 1024w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/free-to-use-sounds-kOuCX7fh50U-unsplash-768x513.jpg 768w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/free-to-use-sounds-kOuCX7fh50U-unsplash-1536x1026.jpg 1536w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/free-to-use-sounds-kOuCX7fh50U-unsplash-2048x1368.jpg 2048w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/free-to-use-sounds-kOuCX7fh50U-unsplash-600x401.jpg 600w"},"categories":{"nodes":[{"slug":"gdybania-seniora","id":"Y2F0ZWdvcnk6NDg=","name":"Gdybania Seniora"}]},"tags":{"nodes":[{"slug":"junior","name":"junior","count":7},{"slug":"react","name":"react","count":6},{"slug":"rekrutacja","name":"rekrutacja","count":2},{"slug":"zbiory","name":"zbiory","count":3}]},"comments":{"nodes":[]},"seo":{"title":"Jak sobie pomóc podczas rekrutacji na React Junior i Mid Deva? - Gladiatorzy JavaScriptu","opengraphTitle":"Jak sobie pomóc podczas rekrutacji na React Junior Deva? - Gladiatorzy JavaScriptu","metaKeywords":"","metaDesc":"Każdy na początku swojej drogi w branży IT musi się zmierzyć z realiami - w końcu czas zacząć zarabiać ze swoich umiejętności i najwyższa pora już iść do pierwszej pracy","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"Każdy na początku swojej drogi w branży IT musi się zmierzyć z realiami - w końcu czas zacząć zarabiać ze swoich umiejętności i najwyższa pora już iść do pierwszej pracy","opengraphImage":{"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/08/free-to-use-sounds-kOuCX7fh50U-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":6},{"slug":"hooks","name":"hooks","count":2},{"slug":"nauka","name":"nauka","count":19},{"slug":"react","name":"react","count":6},{"slug":"testy","name":"testy","count":4},{"slug":"typescript","name":"typescript","count":6}]},"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":"cG9zdDoxNjE=","slug":"obejrzyj-to-zanim-zaczniesz-uczyc-sie-programowania","title":"Obejrzyj TO zanim zaczniesz uczyć się Reacta, Angulara czy Vue","date":"2020-06-17T13:27:34","databaseId":161,"content":"\n<p>(6min) Co trzeba wiedzieć ZANIM zaczniesz uczyć się Reacta / Angulara / Vue</p>\n\n\n\n<p>A więc&#8230;</p>\n\n\n\n<p>oglądaj od 1:12, bo wcześniej treści sponsorowane:</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=\"Do This! BEFORE Learning A JavaScript Framework\" width=\"500\" height=\"281\" src=\"https://www.youtube.com/embed/KkdY8X61K9g?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n</div></figure>\n","featuredImage":{"altText":"","sizes":null,"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/06/greg-rakozy-vw3Ahg4x1tY-unsplash-scaled.jpg","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/06/greg-rakozy-vw3Ahg4x1tY-unsplash-scaled.jpg 2560w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/06/greg-rakozy-vw3Ahg4x1tY-unsplash-scaled-600x450.jpg 600w"},"categories":{"nodes":[{"slug":"materialy-do-nauki","id":"Y2F0ZWdvcnk6NjM=","name":"Materiały do nauki"}]},"tags":{"nodes":[{"slug":"javascript","name":"javascript","count":3},{"slug":"nauka","name":"nauka","count":19},{"slug":"programowanie","name":"programowanie","count":28},{"slug":"react","name":"react","count":6}]},"comments":{"nodes":[]},"seo":{"title":"Obejrzyj TO zanim zaczniesz uczyć się Reacta, Angulara czy Vue - Gladiatorzy JavaScriptu","opengraphTitle":"","metaKeywords":"","metaDesc":"(6min) Co trzeba wiedzieć ZANIM zaczniesz uczyć się Reacta / Angulara / Vue. Filmik (6min) nakreśla jakie podstawy Javascriptu musisz wchłonąć przed dalszą nauką","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"","opengraphImage":null},"siteMetaData":{"description":"Gladiatorzy JavaScriptu","language":"pl_PL","title":"Gladiatorzy JavaScriptu","url":"http://gladiatorzy.api.localhost-group.com"}},{"id":"cG9zdDoxMzI=","slug":"jak-uczyc-sie-reacta-w-2020-roku","title":"Jak uczyć się Reacta w 2020 roku?","date":"2020-06-17T11:51:46","databaseId":132,"content":"\n<p>Ale się narobiło tego Reacta w 2020&#8230;</p>\n\n\n\n<p>Obejrzyj &#8211; 11min &#8211; dowiesz się, w którym kierunku należy dalej rozwijać swoje umiejętności z Reacta</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=\"React Learning Path in 2020\" width=\"500\" height=\"281\" src=\"https://www.youtube.com/embed/Q9Qx2Xef0do?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":null,"sourceUrl":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/06/ferenc-almasi-L8KQIPCODV8-unsplash-scaled.jpg","srcSet":"https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/06/ferenc-almasi-L8KQIPCODV8-unsplash-scaled.jpg 2560w, https://gladiatorzy.api.localhost-group.com/wp-content/uploads/2020/06/ferenc-almasi-L8KQIPCODV8-unsplash-scaled-600x400.jpg 600w"},"categories":{"nodes":[{"slug":"materialy-do-nauki","id":"Y2F0ZWdvcnk6NjM=","name":"Materiały do nauki"}]},"tags":{"nodes":[{"slug":"junior","name":"junior","count":7},{"slug":"mid","name":"mid","count":1},{"slug":"programowanie","name":"programowanie","count":28},{"slug":"react","name":"react","count":6}]},"comments":{"nodes":[]},"seo":{"title":"Jak uczyć się Reacta w 2020 roku? - Gladiatorzy JavaScriptu","opengraphTitle":"","metaKeywords":"","metaDesc":"Obejrzyj - 11min - dowiesz się, w którym kierunku należy dalej rozwijać swoje umiejętności z Reacta","metaRobotsNofollow":"","metaRobotsNoindex":"","opengraphDescription":"","opengraphImage":null},"siteMetaData":{"description":"Gladiatorzy JavaScriptu","language":"pl_PL","title":"Gladiatorzy JavaScriptu","url":"http://gladiatorzy.api.localhost-group.com"}}]}},"staticQueryHashes":["1753111286","3083960279","3707168034","3770601225","4187414897","908322333"]}