search

DaftAcademy / frontend_levelup_2018

11 stars 33 forks source link

Właściwie to nie jest związane z zadaniem ale... #6

Open ghost opened 6 years ago

ghost commented 6 years ago

... ale czy są jakieś źródła na temat zastosowania React do tworzenia i obróbki (sortowanie, filtrowanie itp. tabel)? Z przykładami najlepiej...

majkamajka commented 6 years ago

polecam google :trollface:

ghost commented 6 years ago

Nawet nie jestem zaskoczony odpowiedziami, myślałem jednak, że może ktoś zna jakiś konkret, najlepiej sprawdzony przez niego osobiście.

ghost commented 6 years ago

Niemniej dziękuję za obie odpowiedzi

dzienisz commented 6 years ago

Wrócę do tematu. Przeczytałem dzisiaj książkę: https://helion.pl/ksiazki/react-w-dzialaniu-tworzenie-aplikacji-internetowych-stoyan-stefanov,reacwd.htm#format/d tam cały 3 rozdział poświęcony jest zagadnieniu sortowania i edycji tabeli i danych w tabeli. Oparte jest to o react 0.14.7 czyli wersję wcześniejszą niż v15. Jeśli znasz metodę tworzenia komponentów bez użycia JSXa powinieneś łatwo się w tym odnaleźć. Aktualnie mam tą książkę wypożyczoną z biblioteki PJATK, ale na dniach powinienem ją zwrócić.

dzienisz commented 6 years ago

Lub od razu zajrzyj w kod: https://helion.pl/pobierz-przyklady/reacwd/ - chapters -> 03

ghost commented 6 years ago

Dzięki, właśnie o coś podobnego mi chodziło :)

ghost commented 6 years ago

Książkę pewnie będę miał za jakiś czas Widziałeś tam coś o filtrowaniu tabel i paginacji? Sądząc po załącznikach to raczej nie ale może jednak. Ewentualnie gdybyś w jakimś innym źródle coś zobaczył daj może znać. A co do drugiego ( zadanie domowe), to jeszcze powalczę Właściwie chyba niepotrzebnie dałem trzy komponenty - komponent wpisu danych, zegara i nadrzędny, to pewnie można zrobić bez nadrzędnego. Tak więc popróbuję ten sposób najpierw. Jak pisałem tamte issue byłem faktycznie zdesperowany, z niewiadomych przyczyn pomyślałem, że termin na zadanie to przed kolejnymi zajęciami. A skoro termin minął to i ciśnienie mniejsze :)

dzienisz commented 6 years ago

Ostatnie zadanie z rozdziału 3 zawiera też filtrowanie (po kolumnie). Opisu paginacji tabeli w tej książce nie ma. Podwójne kliknięcie w komórkę edytuje jej pole. Z racji że jest to tylko Front dane są dostępne tylko w danej sesji. Po odświeżeniu przeglądarki dane wracają do defaultState.

Jak najbardziej możesz i w realnym zastosowaniu powinieneś stworzyć więcej komponentów.

Tutaj masz przykład komponentu tabeli z paginacją: https://github.com/addhome2001/react-pagination-table

Example: https://github.com/addhome2001/react-pagination-table/blob/master/example/index.jsx

Może być to początkowo trudne do zrozumienia, w razie co pytaj. W skrócie, są to komponenty w formie paczek NPMowych. Instalujesz taką paczkę (dependency) i importujesz w pliku, w którym chcesz ją użyć. W instrukcji masz przykładowe użycie tej paczki.

ghost commented 6 years ago

Dzięki :)

On Wednesday, April 25, 2018, 10:45:34 AM GMT+2, Kamil Dzieniszewski <notifications@github.com> wrote:

Ostatnie zadanie z rozdziału 3 zawiera też filtrowanie (po kolumnie). Opisu paginacji tabeli w tej książce nie ma. Podwójne kliknięcie w komórkę edytuje jej pole. Z racji że jest to tylko Front dane są dostępne tylko w danej sesji. Po odświeżeniu przeglądarki dane wracają do defaultState.

Jak najbardziej możesz i w realnym zastosowaniu powinieneś stworzyć więcej komponentów.

Tutaj masz przykład komponentu tabeli z paginacją: https://github.com/addhome2001/react-pagination-table

Example: https://github.com/addhome2001/react-pagination-table/blob/master/example/index.jsx

Może być to początkowo trudne do zrozumienia, w razie co pytaj. W skrócie, są to komponenty w formie paczek NPMowych. Instalujesz taką paczkę (dependency) i importujesz w pliku, w którym chcesz ją użyć. W instrukcji masz przykładowe użycie tej paczki.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.