Forum Pasja Informatyki - Najnowsze z tagiem render

React i next.js - Częściowe renderowanie po stronie servera a częściowe SPA

Tue, 21 Feb 2023 10:22:49 +0000

Cześć wszystkim, chciałbym napisać aplikację w react która w ~80% jest aplikacją SPA gdzie dostęp będzie tylko po zalogowaniu i nie chce zeby te strony były indeksowane, oraz w ~20% żeby była renderowana po stronie servera dla wszystkich np. lista profili itd. które chciałbym indeksować w google.

Czy można w next.js zrobić po prostu w routerze żeby dla strony głównej zwracało SPA apkę, a dla konkretnych podstron wygenerowaną przez server stronę?

Czy są na takie problemy jakieś inne profesjonalnie rozwiązania? jeśli tak to jakie?

ReactJs - Fetch w funkcji render.

Thu, 21 Jul 2022 14:29:56 +0000

Witam. Chciałem zrobić gui w react'cie, które wyświetlało by panel użytkownika lub formularz logowania, bazując na tym czy użytkownik jest zalogowany czy nie. Jednak nie umiem pobrać tych danych w żaden sposób, bo render nie może być asynchroniczny, a fetch nie może być synchroniczny, przez co poniższy kod nie działa. Wie ktoś jak to rozwiązać?

    render()
    {
        fetch('./api/user/', {method: 'GET',}).then(result =>
        {
            if(Boolean.valueOf(result.text()))
            {
                return this.panel();
            }
            else
            {
                return this.forms();
            }
        });
    }
    
    panel()
    {
        return <h1>User Panel</h1>
    }
    
    forms()
    {
        return <h1>Login / Register</h1>
    }

W tym momencie mam błąd your render method should have a return statement.

[React] Custom hook bez przeładowania rodzica

Mon, 31 Jan 2022 19:42:47 +0000

Cześć,

Chciałem sobie uwspółcześnić kod, bo miałem wrapper komponentu (taki ala HOC), który zwracał callback z obiektem z referencjami do zmieniania stanów wewnątrz tego wrappera. I to działało, dokładnie tak jak chciałem, czyli miałem np. buttonComponent.setText('nowy tekst'). Po wywołaniu metody przychodzącej z callbacka, odświeżany był z nowym napisem tylko przycisk, a rodzic trzymający go już nie.

Postanowiłem zamienić wrapper w customowego hooka. Jednak nie przewidziałem, że stany z customowego hooka są trzymane w rodzicu? Tak przynajmniej najwyraźniej sądzę, bo przy przerenderowaniu teraz przycisku, przerenderowywany jest również rodzic :(.

const buttonToChangePattern = useAntPattern(buttonToChangeOptions.current)

Czy ktoś ma pomysł, jak mógłbym to zabezpieczyć, żeby przeładowywał się tylko np. przycisk, a div trzymający różne przyciski nie? Bo nie chciałbym robić specjalnie teraz otoczki w postaci kolejnego komponentu, bo wtedy ten hook mija mi się z celem.

Czy da się sprawić, żeby customowy hook działał, jak komponent, tzn. miał swoje oddzielne pamięci i przy zmianie zmieniał się tylko on? Bo wydawało mi się, że tak powinno to działać w Reacie. Na różnych filmikach widziałem, że można bez problemu z HOC przejść na hook.

Link do kodu na Git Hubie:
https://github.com/Amaranthusss/ant-design-patterns

Przykładowo w komponencie ButtonExample.ts można postawić breakpoint na return i wtedy widać, że przy przerenderowaniu przycisku (który jest zwracany z hooka), przeładowuje się cały ButtonExample.ts

A może jeszcze w czymś innym robię błąd i stąd te przeładowanie rodzica?

Z góry dzięki.

DaVinci Resolve zawieszenie programu tuż po wyborze projektu.

Mon, 12 Oct 2020 16:36:10 +0000

Witam, mam problem z programem DaVinci Resolve 16, otóż: w zeszłym tygodniu założyłem nowy projekt coś tam podłubałem i dziś chciałem wrócić do projektu. Włączam odpalam i po wyborze projektu (lub założeniu nowego - obojętnie) program zamiast przejść dalej pokazuje białe okno i się zawiesza. Próbowałem zaktualizować sterowniki jak i przeinstalować program. Nic to kompletnie nie dało. Dodam że program działał normalnie od wielu miesięcy.

Czy ktoś z was może działa na tym programie do obróbki filmów i spotkał się z tym problemem ?

[React] Przekazywanie generowanych propsów

Sun, 20 Oct 2019 16:34:51 +0000

Witam,

Mam problem z przekazywaniem wcześniej wygenerowanych propsów do komponentów.

Mam pętle, która generuje wartości kolorów, które to są przekazywane do komponentów w formie propsów.

for (let i = 0; i < quantity; i++) {
      let generatedIndex = getRandomNumber(0, 2)

      while (generatedIndex === prevIndex) {
        generatedIndex = getRandomNumber(0, 2)
      }

      prevIndex = generatedIndex
      let CreatedShape = ShapesArray[generatedIndex]
      shapes.push(<CreatedShape color={choosenColor}/>)
    }
    return shapes

Problem polega na tym, że wszystkie komponenty przyjmują pierwszy wygenerowany kolor jako props, mimo, że w propsach jest przekazywana nowa wartość.

Renderowanie w Davinci Resolve

Sun, 02 Oct 2016 12:15:16 +0000

Cześć.
Mam problem z Davinci Resolve, mianowicie z renderowaniem klipów z osi czasu do osobnych plików (1 klip w 1 pliku). Kiedy zatrzymuję render na np. 3 klipie i przechodzę do folderu w którym te filmy mają się zapisywać to okazuje się, że jest tam jeden wyrenderowany plik z klipem na którym się zatrzymał...
Chcę wiedzieć, czy po zatrzymaniu renderingu tak powinno być czy nie?
Po skończeniu pracy programu pojawią się tam moje pliki?
Pytam, bo ten proces zajmie ponad 2 godziny, a nie chce ich stracić bez pewności, że wszystko będzie ok.

Z góry dziękuję ;)