#react

pytałem na diskordzie ale tam idą dyskusje na głębokie tematy, także spróbujemy tutaj.

#javascript #html #react

Jeszcze na łykopie przed ostatnią aktualizacją napisałem sobie prosty userscript do czarnolistowania. Działał na tej zasadzie że po załadowaniu strony brał predefiniowaną tablicę na przyklad tagów

var tagi=['przegryw','kononowicz'];

function schowaj_taga(item,index) {

let tag=$('div.d⁎⁎a p a[href="łykop/' + item +'"]' );

tag.remove() }

oczywiście upraszczam, ale efekt tego był taki że usuwane były całe gałęzie drzewa DOM no i było fajnie, dobry przekaz leciał.

W przypadku hejto jak próbuję zrobić to samo z elementem article to jest spoko póki nie dotknę paginacji. Frontent nie "reloaduje" dokumentu tylko usuwa kontekt zmiędzy obecnych <article> i wstawia nowy. Jeśli FE oczekuje 20 elementów article a ja zdążę usunąć 4 z nich to kolejny request o uzupełnienie treści wywali błąd 500.

Zastanawiam sie jak do tego podejść.

Hej, może ktoś mi to wyjaśni bo już przejrzałem parę materiałów i mam totalny mętlik.Chciałbym aby po kliknięciu buttona wyskoczył modal, w obrębie 1 komponentu wszystko działa. Gdy chcę odpalić go w innym komponencie, to nic się nie dzieje.

#programowanie #react

TailwindCSS

Jakie macie lub znacie sposoby na lepszą organizację klas zamiast bezpośrednio w DOM w className?

W jednym z projektów wyciągnąłem klasy do czegoś takiego:

const cls = {

container: "...",

text: "..."

}

I później w DOM'ie można było użyć className={cls.container} z tym że traciłem wtedy wszystkie ficzery związane z podpowiadaniem kodu i sortowaniem klas.

#tailwindcss #frontend #react #angular #vue #programowanie

Ej Tomki pytanie z #programowanie

Buduje sobie obecnie wizualnego webscrapera w React, tj użytkownik ma interfejs gdzie w ramce może sobie wybierać selektory strony do skrapowania i pytanie jaki jest najlepszy sposób na osadzenie jakiejś strony w ramce przy tym mając dostęp do contentWindow żeby dodawać własne eventy?

Obecnie przez puppeetera zaciągam całego htmla i renderuje go w iframe ale to często generuje błędy w postaci skryptów używanych na zaciągniętym htmlu

#react #pytanie

no hejka #programowanie #react #kotlin #reactnative

chce się nauczyć pisac apki mobilne i wciąż się nie moge zdecydować na konkretna technologie :C

obecnie jestem react developerem, więc react native to tak praktycznie z marszu moglbym pisac, no ale to nadal react, nadal ten sam framework, jakies to chyba malo rozwijajace? idk

z drugiej strony chyba jedyne sensowne rozwiazanie to kotlin, gdzie ucze sie nowego jezyka, nowe koncepty, piszesz apki natywne i w koncu to nie ten sam JS i niby wszystko spoko, ale zanim zaczne pisac apki to troche minie, a i w pracy ostatecznie duzo bardziej zyskalbym na react native, no bo czesto szukaja z obydwoma, wiec i boost do zarobkow moglby byc lepszy, gdzie kotlin nie do konca da mi boost do zarobkow, za to da mi ewentualnie bezpieczenstwo, bo zawsze to dwa jezyki i duzo wiekszy wybor pracy w przyszlosci

eh no nie wiem, trudna decyzja -> macie jakies przemyslenia na temat tych dwoch technologii?

Film dokumentalny, którego nie mogę się doczekać 🙂

https://youtu.be/gmp0istg5xo

React newsletter #2

Kolejna porcja świeżych artykułów z tematów frontendowych / Reactowych. :female-technologist:

* What is CORS? - Kto z nas nigdy nie został przyblokowany przez CORS? Treściwe wyjaśnienie z czego to się bierze i garść przydatnych porad jak sobie radzić z pobieraniem zewnętrznych danych na środowisku lokalnym.
* Why We're Breaking Up with CSS-in-JS - Case study doświadczeń dużej firmy z podejściem tworzenia styli w komponentach reactowych, ciekawe statystyki performance'u i dyskusja pod postem. (Ogółem jako fanka SASSa cieszę się, że następuje trend odchodzenia od CSS-in-JS :hugging_face:)
* The Web’s Next Transition - historyczny przegląd zmieniającej się architektury aplikacji webowych i prognozy na przyszłość.
* BONUS: Smashing Meets Design Systems 15 listopada odbędzie się konferencja na temat Design Systemów prowadzona przez ekipę Smashing Magazine. Bilety na wersję online są darmowe.

React newsletter #1

Dzień dobry reactowe świry! :female-technologist: Żyjemy i pracujemy w niestabilnym świecie, frameworki zmieniają się jak szalone i trzeba ciągle śledzić zmiany. Robię sobie regularnie prasówkę, żeby trzymać rękę na pulsie i pomyślałam, że tutaj może się komuś przydać. Będę wrzucać zajawki ciekawych artykułów / filmów z Reacta i tematów okołoreactowych.

* React Labs: What We've Been Working On - aktualnie rozwijane funkcjonalności biblioteki, z oficjalnego bloga Reacta.
* The future of rendering in React - lista patternów w renderowaniu z wadami i zaletami danego podejścia.
* Turn around your Git mistakes in 17 ways - parę gitowych komend ułatwiających życie.

Możliwość pracy w pełni zdalnie. Szukamy Midów, jak i Seniorów. Wymagania i płaca jest oczywiście dostosowana do poziomu.

Widełki:
- Senior 16 000 - 26 000 brutto UoP
- Mid 8 000 - 16 000 brutto UoP

Osoba do nas dołączająca ma przydzielonego tzw. "buddiego", który pomaga się wdrażać, któremu można zadawać pytania, pomaga z zadaniami i kodem.

Co oferujemy?

Po pierwsze MOŻLIWOŚCI ROZWOJU:
Zespół składający się z doświadczonych ludzi, którzy zawsze służą pomocą i dobrą radą, codzienne wyzwania, dostęp do szkoleń, uczestnictwo w konferencjach czy stare dobre CodeReview.

Po drugie TECHNOLOGIE:
Płyniemy z głównym nurtem frontendowym: React, TypeScript, Redux, Styled Components ...

Po trzecie SATYSFAKCJA:
Przekonanie, że to co robię ma sens, daje mi ogromną satysfakcję - dzięki efektom naszej pracy 43 miliony unikalnych użytkowników miesięcznie ma możliwość zorganizować sobie wakacje marzeń.

Więcej opinii ludzi, którzy tu pracują https://www.facebook.com/LMGPoland

Link do ogłoszenia - https://jobs.smartrecruiters.com/lmgroup/743999802187867-senior-frontend-developer-also-available-for-full-remote-

Polecam darmowy tutek do reacta. Stosunkowo krótki i przystępnie tłumaczony!

https://www.youtube.com/watch?v=nTeuhbP7wdE

Mamy tutaj specjalistów od aplikacji na urządzenia mobilne? Flutter, React Native, inny Android?

Tak pytam, zupełnie niezobowiązująco, nic a nic, zupełnie wcale. Czyta ciekawość ot co. A w zasadzie to kolega pyta ( ͡° ͜ʖ ͡°)

────:x:── A tak działa operator RxJS: takeUntil

Więcej tutaj: https://summonthejson.com/blogs/tips/rxjs-takeuntil-explained

Obserwuj jak chcesz więcej!

A tak działa operator RxJS: distinctUntilChanged

Więcej tutaj: https://summonthejson.com/blogs/tips/rxjs-distinctuntilchanged-explained

Obserwuj jak chcesz więcej!

😅😅😅

Hejka Hejto społeczności ^_^

Chciałem Wam przedstawić projekt, nad którym pracuję od ok. 2 m-cy. Nie ma on jeszcze nazwy, jednakże jest to aplikacja, której głównym celem, jest możliwość stworzenia strony internetowej, czyli CMS.

Zamysł projektu był taki, aby nie było potrzeby budowania dedykowanego backendu - to był priorytet. Wykorzystałem następujące technologie:

- React - frontend
- MongoDB Realm - backend bazy danych

Aplikacja składa się z dwóch części. Jedna, która przetwarza zawarte w bazie danych informacje i wyświetla stronę dla użytkownika końcowego. Druga to strona administracyjna aplikacji, gdzie można tworzyć/edytować właściwą stronę oraz zarządzać zasobami strony.

Jako przykład działania, mogę podać stronę, która przedstawia zawieszony (jak na razie) projekt gry na komputery 8-bitowe Atari :grinning: który hostuje przez Netlify:

https://archonadventures.netlify.app/

Na chwilę obecną, pracuję nad administracją, więc strona praktycznie się nie zmienia i jest dość prosta. Działy "Screens" oraz "Download" są w przygotowaniu, gdyż nie ma zaimplementowanych elementów Layoutu do obsługi galerii i treści które można by wiązać z downloadem :neutral_face:

Jestem także w trakcie przygotowania filmu prezentacyjnego, który ukazałby stronę administracyjną aplikacji w obecnym jej stanie. Jeśli go ukończę, przedstawię go.

Cały projekt umieszczony jest na GitHub'ie:
https://github.com/GSoftwareDevelopment/archon-adventures-page
Staram się na bieżąco uaktualniać postęp.

Z chęcią opowiem więcej, jeśli ktoś jest zainteresowany.

Hejto jako taka konkurencja dla facebook napisany w react (technologii stworzonej przez facebook) wygląda zabawnie 🙂 Jakby to był Vue to rozumiem, a jeśli zarabiacie już na tym i przekroczycie jakiś pułap przychodu, dochodu lub zysku będziecie musieli płacić facebookowi za korzystanie z ich technologii lub "grzecznie" was poproszą o zmianę technologii lub zamknięcie serwisu jeśli poczują, że jesteście dla nich konkurencją 🙂