Wpisy z tagiem: react

Wpisy z tagiem: react

Tagi popularne na mikroblogu

Wiktor Nocoń
Wiktor Nocoń

Siemka
Jakiś czas temu wrzuciłem wzmiankę o tool builder.io do generowania react componentów (visual copilot).
Jestem sceptycznie nastawiony do narzedzi, które używają cudownego AI, wiec postanowiłem sprawdzić to narzędzie. Filmik poniżej.
Moja opinia o tym toolu jest mieszana. Na pewno figma designy muszą być poprawnie opracowane bo bez tego ani rusz. Funkcje mapujące trzeba napisać je dobrze. Do tego dochodzi czas spędzony na naukę nowego narzędzia, który nie jest mały. Używanie tego narzędzia może być nieintuicyjne na samym początku, a to przez to że Builder.io połączył dwa na narzędzia (visual copilot i visual CMS) w jedno i ten narzędzia przeplatają się ze sobą. Niemniej jednak tool poradził sobie jako tako z generacją html i css.

1 głos Obserwuj Komentuj Udostępnij
TU
tumor

Czasem wypada coś zmodyfikować na nieswojej stronie internetowej i tak jak ktoś lubi grzebać w bebechach nieswoich programów, w takim javascript poziom assembler.

Kopiuj
class App extends React.Component {
  count: number;

  constructor(props: any) {
    super(props);
    this.count = 0;
  }

  inc() {
    this.count += 1;
    this.forceUpdate();
  }

  render() {
    return <>
    <div className="App">
      <button onClick={() => this.inc()}>Test</button>
      <p>Count: { this.count } </p>
    </div>
    </>
  }
}

Nie mamy akurat dostępu do kodu źródłowego więc trzeba sobie inaczej poradzić :P

Kopiuj
$(".App")[Object.getOwnPropertyNames($(".App"))[0]].return.stateNode.inc = () => { let x = document.querySelector(".App")[Object.getOwnPropertyNames(document.querySelector(".App"))[0]].return.stateNode; x.count += 100; x.forceUpdate(); }

Można odpalić w konsoli lub jako plugin.
Zmienne closures są gubione więc trzeba je odzyskać dlatego tyle kodu.

Taka inżyniera wsteczna Reacta, czasem gra w react nie będzie zbyt funkcjonalna to można ją rozbudować bez wiedzy autora :>

Zobacz całość
0 głosów Obserwuj Komentuj Udostępnij
programystic
programystic

Cześć!

Dzisiaj jeszcze garść krótkich ciekawostek o #react a później już zaczniemy może coś bardziej technicznego 😃

ReactJS: 7 Ciekawostek:

  1. Początki w Facebook
  2. Pierwsze publiczne przedstawienie
  3. To nie jest framework!
  4. Virtual DOM – bohater (bardzo) niewidzialny
  5. Inspiracja wzięta z XHP
  6. React Native - brat bliźniak
  7. A w sumie, to dlaczego "React"?

👉 Pełny post na https://programystics.com/reactjs/reactjs-7-ciekawostek/

Zostaw plusika, komentarz albo ... cokolwiek 😉

0 głosów Obserwuj Komentuj Udostępnij
programystic
programystic

Cześć Wam! Wracamy do gry, po burzliwym okresie w PL 💪

Ostatnio pastwiliśmy się nad wadami Virutal DOM 👉 https://programystics.com/reactjs/wirutualny-dom-nie-taki-bez-wad/

Dziś przyszedł czas na jego... zalety. Jedną z nich poznaliśmy 2 posty wcześniej, lecz to tylko "liźnięcie" tematu.

Wirtualny DOM, to Świety Graal Frontendu? ✨

👉 Więcej na ten temat: https://programystics.com/bez-kategorii/wirtualny-dom-to-swiety-graal-frontendu/

ps jeśli chcesz się podzielić INNYMI doświadczeniami na w/w, to zapraszam do komentowania 🔥

Załącznik 0
0 głosów Obserwuj Komentuj Udostępnij
Zobacz pozostałe 3 komentarze
Marooned
Marooned

@szatkus1: http://www.nowypompon.pl/sklep/htdocs/strony/nowypompon_stoisko.htm klasyk, nr 1 Nowego Pomponu - niestety, bardzo małe te miniaturki, ale pod wielkimi KENNEDY ŻYJE??! drobnym drukiem jest Nie.

programystic
programystic

Cześć Wam 👋

Dzisiaj ciekawostka o ReactJs numer #3

Wirtualny DOM (Virtual DOM) w ReactJS przynosi wiele korzyści, lecz ma również wady! Jakie?

👉 Więcej na ten temat: https://programystics.com/reactjs/wirutualny-dom-nie-taki-bez-wad/

ps te ciekawostki nie omawiają tematów dogłębnie, mają jedynie zachęcić osoby do przyglądnięcia się reactjs 😃 tak, wiem, doskonały temat na zachętę dot. WAD 😂

pss jeśli chcesz podzielić się doświadczeniami na w/w to śmiało, zapraszam 🔥 będzie mi bardzo miło!

Załącznik 0
1 głos Obserwuj Komentuj Udostępnij
programystic
programystic

Cześć Wam 👋

Dzisiaj wrzucam ciekawostkę #2 o ReactJs!

TL;DR: ...zamiast przekształcać całą stronę za każdym razem, kiedy chcemy coś zmienić, dokonujemy tylko niezbędnych zmian.

👉 Więcej na ten temat https://programystics.com/reactjs/wirtualny-dom-co-to-jest-i-jak-dziala/

Jeśli macie jakieś doświadczenia z Virtual Dom to podzielcie się. Najlepsze będą te negatywne😊

Załącznik 0
0 głosów Obserwuj Komentuj Udostępnij
programystic
programystic

Jutro pojawi się nowy wpis dot. wad Virutal Dom, bo nigdy nie może być "perfekcyjnie", stay tuned! :)

programystic
programystic

cześć Wszystkim, wczoraj pojawił się nowy post. Tym razem o wadach "wirtualdoma", zapraszam Cześć Wam 👋 Dzisiaj ciekawos... :)