Hejto.pl

#react

10
33
pewnie-kaczka
pewnie-kaczka
Gwiazdor
w Hydepark
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
wombatDaiquiri
wombatDaiquiri

@pewnie-kaczka a jesteś pewien, że to się da w ogóle zrobić? https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

pewnie-kaczka
pewnie-kaczka

Omijam corsy właśnie pobierając całego htmla jakiejś strony przez puppeeter xd, czyli z backendu leci cała dana strona w html

MrBlueBird
MrBlueBird

@pewnie-kaczka Zobacz na aplikację raindrop.io w ich źródła, oni mają preview strony danej zakładki, która jest osadzona w ramce.

https://postimg.cc/YhjwS65z


Wydaje mi się, że przy ich rozwiązaniu będziesz miał dostęp do obiektu DOM, bo jak widzisz na screenie dodawany jest tool do oznaczania/podkreślania treści.

Zaloguj się aby komentować

najkk
najkk
Debiutant
w Hydepark
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?
llama
llama

@najkk skoro znasz JSa to wejście w RN będzie łatwiejsze, dużo szybciej zobaczysz efekty pracy + liźniesz trochę konfiguracji natywnych apek + potencjalnie będzie to jakiś bonus do CV. No i późniejsze wejście w Swifta/Kotlina będzie nieco łatwiejsze.


No chyba, że korci cię, żeby sprobować totalnie czegoś innego, wtedy to inna kwestia Pozdro!

tortoise
tortoise

@najkk nie polece żadnej w zasadzie bo nigdy nie korzystałem z gotowców (projekty nad którymi pracowałem miały tak złożony UI, że nauka i customizacja gotowców byłaby bardziej czasochłonna, jedynie komponenty do "układania" elementów na ekranie mają wartość), ale łap kilka linków:

https://tamagui.dev/

https://reactnativeelements.com/docs

https://reactnativepaper.com/

https://mobily.github.io/stacks/

https://wix.github.io/react-native-ui-lib/

https://akveo.github.io/react-native-ui-kitten/

najkk
najkk

@tortoise a widzisz, to myslalem ze raczej bez takiego czegos to sie nie podchodzi do developmentu, tak jak w react zawsze bierzesz jakas biblioteke, czy to material ui czy tailwind

Zaloguj się aby komentować

Zostań Patronem Hejto i odblokuj dodatkowe korzyści tylko dla Patronów

  • Włączona możliwość zarabiania na swoich treściach
  • Całkowity brak reklam na każdym urządzeniu
  • Oznaczenie w postaci rogala , który świadczy o Twoim wsparciu
  • Wcześniejszy dostęp, do wybranych funkcji na Hejto
Zostań Patronem
Bezkres
Bezkres
Koneser
w React
React newsletter #2
Kolejna porcja świeżych artykułów z tematów frontendowych / Reactowych.
  • 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 )
  • 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.
What is CORS?

What is CORS?

Article explains what is CORS, popular among web developers CORS, what are the common problems and how to fix them.

SimpleLocalize
lubieplackijohn
lubieplackijohn
★

@Kris - Twoja ulubiona społeczność

Zaloguj się aby komentować

Bezkres
Bezkres
Koneser
w React
React newsletter #1
Dzień dobry reactowe świry! Ż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 – June 2022 – React Blog

React Labs: What We've Been Working On – June 2022 – React Blog

React 18 was years in the making, and with it brought valuable lessons for the React team. Its release was the result of many years of research and exploring many paths. Some of those paths were successful; many more were dead-ends that led to new insights. One lesson we’ve learned is that it’s frustrating for the community to wait for new features without having insight into these paths that...

reactjs.org
lubieplackijohn
lubieplackijohn
★

@Bezkres W ogóle to ciekawa społeczność! Proszę o więcej takich postów!

kris
kris
★

@Bezkres Super, więcej takich wpisów! Na pewno będę obserwował

Zaloguj się aby komentować

karol-fabjanczuk
karol-fabjanczuk
Statysta
w Technologia
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-

Log in or sign up to view

See posts, photos and more on Facebook.

www.facebook.com
lubieplackijohn
lubieplackijohn
★

Zatrudniasz też ludzi z Ukrainy?

Zaloguj się aby komentować

lubieplackijohn
lubieplackijohn
★Gruba ryba
w Programowanie
Polecam darmowy tutek do reacta. Stosunkowo krótki i przystępnie tłumaczony!
https://www.youtube.com/watch?v=nTeuhbP7wdE
lubieplackijohn userbar
kris
kris
★

@lubieplackijohn umiesz React? Ja trochę się go uczę ale opornie mi to idzie, mógłbym Cię podpytać o kilka tematów?

lubieplackijohn
lubieplackijohn
★

@kris No właśnie ja też tak topornie bardzo. Dopiero pierwsze kroki stawiam. No dobra, może nie pierwsze, ale od dawna nic nie programowałem

NinomaeInanis
NinomaeInanis

@lubieplackijohn jak zobaczylem ze podstawowa aplikacja bez niczego wazy tam ponad 250mb (dluzej mi sie nie chcialo czekac) to od razu w pizdu zostawilem tego rracta i przeszedlem na svelte

Zaloguj się aby komentować

lubieplackijohn
lubieplackijohn
★Gruba ryba
w Programowanie
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 ( ͡° ͜ʖ ͡°)
lubieplackijohn userbar
2ea62084-de5a-49b9-a0d8-b9ed9d43386a
Admiral
Admiral

@lubieplackijohn ja jestem jedynie specjalistą od pisania helloworlda w pythonie i javie

PanDemia
PanDemia

@lubieplackijohn ja jestem specjalistą od zaraz

Zaloguj się aby komentować

tomaszs
tomaszs
Specjalista
w Javascript
────── A tak działa operator RxJS: takeUntil
Więcej tutaj: https://summonthejson.com/blogs/tips/rxjs-takeuntil-explained
Obserwuj jak chcesz więcej!
RxJS: takeUntil Explained

RxJS: takeUntil Explained

RxJS stands for Reactive Extensions for JavaScript. It is a great library to handle flow of items received by your application. Today you will learn what is one of the most commonly used RxJS operator: takeUntil. The documentation offers a diagram showing how takeUntil works: But what does it really mean? The analogy I

Summon The JSON
919f667d-c1e5-41cb-909f-b6c0563cd9d3

Zaloguj się aby komentować

tomaszs
tomaszs
Specjalista
w Javascript
A tak działa operator RxJS: distinctUntilChanged
Więcej tutaj: https://summonthejson.com/blogs/tips/rxjs-distinctuntilchanged-explained
Obserwuj jak chcesz więcej!
RxJS: distinctUntilChanged Explained

RxJS: distinctUntilChanged Explained

RxJS stands for Reactive Extensions for JavaScript. It is a great library to handle flow of items received by your application. Today you will learn what is one of the most commonly used RxJS operator: filter. The documentation offers an explanation how the operator works: "Returns an Observable that emits all items em

Summon The JSON
fb23d253-7092-4dc1-b6d8-e8119925670a

Zaloguj się aby komentować

PeBe
PeBe
Zawodowiec
w Programowanie
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 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
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.
gacek
gacek
★

@PeBe najs, gratka dla wielbicieli Atari

PeBe
PeBe

@gacek Sama strona Archon Adventures jest tylko (albo aż) objektem na którym dokonuje eksperymentów za pomocą prezentowanego tu projektu CMSa

PeBe
PeBe

@gacek a co do Atari... To zupełnie odmienna historii, która być może tutaj kiedyś przytoczę.

Zaloguj się aby komentować

marek-janowski
marek-janowski
Statysta
w Hydepark
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ą
marek-janowski
marek-janowski

@Admiral Również poproszę o więcej szant

Admiral
Admiral

@pukpuk @marek-janowski następny wpis #szantanadzis będzie 10 czyli jubileuszowy. Będzie to więc coś potężnego

veranoo
veranoo

@marek-janowski Przecież react jest na licencji MIT. Mieli takie pomysły jak piszesz, ale szybko się wycofali.


https://github.com/facebook/react/blob/master/LICENSE

Zaloguj się aby komentować

Poprzednia
12