![\"\"](\"https:\/\/vived.io\/wp-content\/uploads\/2021\/10\/5s07px.jpeg\")
Je\u015bli chodzi o warstw\u0119 merytoryczn\u0105, to g\u0142\u00f3wn\u0105 zmian\u0105 jest postawienie na React Hooks jako domy\u015blnego paradygmatu. Oznacza to, \u017ce klasyczne klasowe podej\u015bcie do komponent\u00f3w zosta\u0142o ograniczone do minimum, a gdy to tylko mo\u017cliwe przyk\u0142ady w dokumentacji wykorzystywa\u0107 b\u0119d\u0105 hooki.<\/p>\n\n\n\n
Zmiany dotycz\u0105 r\u00f3wnie\u017c warstwy wizualnej. Nowa dokumentacja wygl\u0105da\u2026 schludnie. Prawdziwym killer-feater s\u0105 interaktywne przyk\u0142ady, kt\u00f3re mo\u017cemy dowolnie modyfikowa\u0107. Funkcjonalno\u015b\u0107 ta ma u\u0142atwi\u0107 pocz\u0105tkuj\u0105cym nauk\u0119 i w tej kwestii ca\u0142kowicie zgadzam si\u0119 z autorem dokumentacji.<\/p>\n\n\n\n
Na obecny moment przepisane zosta\u0142o ju\u017c 70% sekcji \u201cLearn React\u201d i tylko 5% sekcji \u201cAPI\u201d. Ja czekam z niecierpliwo\u015bci\u0105, a\u017c nowa dokumentacja opu\u015bci bet\u0119, bo szykuje nam si\u0119 godny rywal dla dokumentacji Vue.<\/p>\n\n\n
![\"\"](\"https:\/\/vived.io\/wp-content\/uploads\/2021\/10\/5s06u9.jpeg\")
<\/figure><\/div>\n\n\n\u0179r\u00f3d\u0142a:<\/h3>\n\n\n\n
https:\/\/beta.reactjs.org\/<\/a><\/p>\n\n\n\n Znajduj\u0105c si\u0119 w ba\u0144ce entuzjast\u00f3w nowych technologii, konferencji i news\u00f3w ci\u0119\u017cko nie oprze\u0107 si\u0119 wra\u017ceniu, \u017ce Cypress na dobre wypar\u0142 Selenium z rynku. Prawda jest jednak taka, \u017ce oba te rozwi\u0105zania mocno r\u00f3\u017cni\u0105 si\u0119 od siebie i Selenium na razie nigdzie si\u0119 nie wybiera. Jako dow\u00f3d ostateczny przytocz\u0119 wydanie w minionym tygodniu wersji 4.0 tego frameworku. Jest to wydarzenie o tyle istotne, \u017ce je\u015bli wierzy\u0107 githubowi, to poprzednia wersja Selenium (3.141.59) zosta\u0142a wydana prawie trzy lata temu!<\/p>\n\n\n Co nowego trafi\u0142o do Selenium 4.0? Oczywi\u015bcie doczekali\u015bmy si\u0119 kilku usprawnie\u0144 API, jak na przyk\u0142ad klasa Options rozszerzaj\u0105ca klas\u0119 Capabilities. Nie b\u0119dziemy jednak zag\u0142\u0119bia\u0107 si\u0119 tutaj w szczeg\u00f3\u0142y, bo te b\u0119d\u0105 zrozumia\u0142e tylko dla sta\u0142ych u\u017cytkownik\u00f3w Selenium i mog\u0105 r\u00f3\u017cni\u0107 si\u0119 w zale\u017cno\u015bci od j\u0119zyka z kt\u00f3rego korzystacie.<\/p>\n\n\n\n Najciekawsz\u0105 i najwi\u0119ksz\u0105 now\u0105 funkcjonalno\u015bci\u0105 nowego wydania s\u0105 bez w\u0105tpienia relatywne selektory. Od teraz mo\u017cliwe znalezienie element\u00f3w poni\u017cej, powy\u017cej, po lewej, po prawej i w pobli\u017cu innego elementu.<\/p>\n\n\n\n Z nowo\u015bci wartych wspomnienia: drivery oparte o Chromium zosta\u0142y rozszerzone o DevToolsy. Oznacza to, \u017ce mo\u017cliwe b\u0119dzie na przyk\u0142ad symulacja sieci 3G, czy ustawienie \u017c\u0105danej geolokalizacji.<\/p>\n\n\n\n Tw\u00f3rcy mocno podkre\u015blaj\u0105 te\u017c ca\u0142kowite przebudowanie Selenium Grid, tak aby by\u0142 on przyst\u0119pniejszy dla deweloper\u00f3w. Dostali\u015bmy wi\u0119c wsparcie dla Dockera i Kubernetesa oraz mo\u017cliwo\u015b\u0107 uruchomienia Grida w pojedynczym procesie. Na koniec wspomnijmy jeszcze, \u017ce Selenium r\u00f3wnie\u017c doczeka\u0142o si\u0119 nowej dokumentacji.<\/p>\n\n\n\n https:\/\/blog.kloia.com\/selenium-4-0-released-new-features-comparison-with-previous-versions-and-more-5675bf079040<\/a> Gdyby nasze przegl\u0105dy mia\u0142y motywy tematyczne, to w tym tygodniu takim motywem by\u0142by Server Sider Rendering w React. W minionym tygodniu przywitali\u015bmy bowiem nie jedno, a dwa du\u017ce wydania najwi\u0119kszych bibliotek do Server Side Renderingu na rynku.<\/p>\n\n\n\n Nasze podsumowanie zacznijmy od wi\u0119kszego z graczy, czyli Next.js, kt\u00f3ry doczeka\u0142 si\u0119 wersji oznaczonej numerkiem 12. Najwa\u017cniejsz\u0105 informacj\u0105 z ca\u0142ego wydania jest proces od\u015bwie\u017cania aplikacji przy\u015bpieszony trzykrotnie i proces budowania aplikacji przy\u015bpieszony a\u017c pi\u0119ciokrotnie. Je\u015bli \u015bledzicie nasze przegl\u0105dy, to pewnie spodziewacie si\u0119, jak osi\u0105gni\u0119to taki skok wydajno\u015bci. Next.js do\u0142\u0105czy\u0142 do narz\u0119dzi wok\u00f3\u0142 JavaScriptu napisanych w Rust, kt\u00f3re w 2021 roku rosn\u0105 jak grzyby po deszczu.<\/p>\n\n\n\n Do nowego Next.js trafi\u0142o te\u017c kilka funkcjonalno\u015bci, kt\u00f3re uciesz\u0105 wszystkich early adapter\u00f3w. Od wersji 12 wspierany b\u0119dzie bowiem React 18, a do fazy alfa trafi\u0142o wsparcie dla React Server Side Components (je\u015bli jeszcze o nich nie s\u0142yszeli\u015bcie, to wi\u0119cej mo\u017cecie przeczyta\u0107 w 22 edycji naszego przegl\u0105du<\/a> – opublikowanej jeszcze na LinkedIn i Facebooku, a\u017c \u0142ezka zakr\u0119ci\u0142a mi si\u0119 w oku).<\/p>\n\n\n\n2. Selenium 4.0 \ud83d\ude0e<\/h2>\n\n\n\n
![\"\"](\"https:\/\/vived.io\/wp-content\/uploads\/2021\/10\/download.jpeg\")
WebElement passwordArea = driver.findElement(By.id("password"));\nWebElement labelOfPass = driver.findElement(with(By.tagName("label")).above(passwordArea));\nSystem.out.println(labelOfPass.getText());<\/code><\/pre>\n\n\n\nWebDriver driver = new ChromeDriver();\nDevTools devTools = ((HasDevTools)driver).getDevTools();\ndevTools.createSession();\ndevTools.send(\n Emulation.setGeolocationOverride(\n Optional.of(38.89511),\n Optional.of(-77.03637),\n Optional.of(1)\n )\n);<\/code><\/pre>\n\n\n\n\u0179r\u00f3d\u0142a:<\/h3>\n\n\n\n
https:\/\/www.selenium.dev\/documentation\/<\/a>
https:\/\/www.selenium.dev\/blog\/2021\/announcing-selenium-4\/<\/a><\/p>\n\n\n\n3. Next.js 12 i Gatsby 4 \ud83d\udc40<\/h2>\n\n\n\n