Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Z Frontu na FullStack dzięki GraphQL

Z Frontu na FullStack dzięki GraphQL

Michał Taszycki

November 10, 2021
Tweet

More Decks by Michał Taszycki

Other Decks in Programming

Transcript

  1. View Slide

  2. KIM JESTEM?
    ▸ Michał Taszycki (@mehowte)


    ▸ 17 lat doświadczenia w programowaniu


    ▸ 26 jeśli liczyć od BASICa na Commodore 64


    ▸ Twórca programów szkoleniowych


    ▸ GraphQL Mastery


    ▸ Kurs Reacta


    ▸ Organizator Festiwalu React.js i GraphQL

    View Slide

  3. OGARNIASZ FRONT-END?

    View Slide

  4. CHCESZ WIĘCEJ?

    View Slide

  5. FULL STACK DEVELOPER


    BRZMI DOBRZE?

    View Slide

  6. NIE MASZ CZASU


    (W TYM MOMENCIE)


    NA NAUKĘ NODE.JS?

    View Slide

  7. CHCESZ ZACZĄĆ
    PRZYGODĘ Z
    BACKENDEM?

    View Slide

  8. GRAPHQL


    JEST DLA CIEBIE

    View Slide

  9. NODE.JS


    MOŻE POCZEKAĆ

    View Slide

  10. GRAPHQL OD FRONTU

    View Slide

  11. ŚWIETNE NARZĘDZIA

    View Slide

  12. PODPOWIADANIE SKŁADNI

    View Slide

  13. AUTOMATYCZNA DOKUMENTACJA

    View Slide

  14. ZAPYTANIA GRAPHQL

    View Slide

  15. ZAPYTANIA GRAPHQL

    View Slide

  16. ZAPYTANIA GRAPHQL

    View Slide

  17. ZAPYTANIA GRAPHQL

    View Slide

  18. ZAPYTANIA GRAPHQL

    View Slide

  19. ZAPYTANIA GRAPHQL

    View Slide

  20. ZAPYTANIA GRAPHQL

    View Slide

  21. MUTACJE GRAPHQL

    View Slide

  22. MUTACJE GRAPHQL

    View Slide

  23. MUTACJE GRAPHQL

    View Slide

  24. MUTACJE GRAPHQL

    View Slide

  25. MUTACJE GRAPHQL

    View Slide

  26. MUTACJE GRAPHQL

    View Slide

  27. MUTACJE GRAPHQL

    View Slide

  28. MUTACJE GRAPHQL

    View Slide

  29. MUTACJE GRAPHQL

    View Slide

  30. MUTACJE GRAPHQL

    View Slide

  31. MUTACJE GRAPHQL

    View Slide

  32. MUTACJE GRAPHQL

    View Slide

  33. GRAPHQL FRONTEND


    W PRAKTYCE

    View Slide

  34. GRAPHQL


    +


    REACT.JS & APOLLO CLIENT

    View Slide

  35. LISTA KSIĄŻEK

    View Slide

  36. LISTA KSIĄŻEK

    View Slide

  37. LISTA KSIĄŻEK

    View Slide

  38. SZCZEGÓŁY KSIĄŻKI

    View Slide

  39. SZCZEGÓŁY KSIĄŻKI

    View Slide

  40. SZCZEGÓŁY KSIĄŻKI

    View Slide

  41. REUŻYWALNOŚĆ ZAPYTAŃ

    View Slide

  42. REUŻYWALNOŚĆ ZAPYTAŃ

    View Slide

  43. REUŻYWALNOŚĆ ZAPYTAŃ

    View Slide

  44. ŚCIĄGANIE DODATKOWYCH ZASOBÓW

    View Slide

  45. ŚCIĄGANIE DODATKOWYCH ZASOBÓW

    View Slide

  46. ŚCIĄGANIE DODATKOWYCH ZASOBÓW

    View Slide

  47. ŚCIĄGANIE DODATKOWYCH ZASOBÓW

    View Slide

  48. PORZĄDEK W KODZIE

    View Slide

  49. ŁATWE MODYFIKACJE KODU

    View Slide

  50. ŁATWE MODYFIKACJE KODU

    View Slide

  51. ŁATWE MODYFIKACJE KODU

    View Slide

  52. WYPOŻYCZENIE KSIĄŻKI

    View Slide

  53. WYPOŻYCZENIE KSIĄŻKI
    1.CLICK

    View Slide

  54. WYPOŻYCZENIE KSIĄŻKI
    1.CLICK
    2.

    View Slide

  55. WYPOŻYCZENIE KSIĄŻKI
    1.CLICK
    2.

    View Slide

  56. WYPOŻYCZENIE KSIĄŻKI

    View Slide

  57. GRAPHQL BACKEND

    View Slide

  58. GRAPHQL BACKEND

    View Slide

  59. SZYBKI START

    View Slide

  60. SZYBKI START

    View Slide

  61. SZYBKI START

    View Slide

  62. SZYBKI START

    View Slide

  63. SZYBKI START

    View Slide

  64. SZYBKI START

    View Slide

  65. GRAPHQL SCHEMA

    View Slide

  66. GRAPHQL SCHEMA

    View Slide

  67. GRAPHQL SCHEMA

    View Slide

  68. GRAPHQL SCHEMA

    View Slide

  69. GRAPHQL SCHEMA

    View Slide

  70. GRAPHQL SCHEMA

    View Slide

  71. GRAPHQL SCHEMA

    View Slide

  72. GRAPHQL SCHEMA

    View Slide

  73. GRAPHQL SCHEMA

    View Slide

  74. GRAPHQL RESOLVERS

    View Slide

  75. GRAPHQL RESOLVERS

    View Slide

  76. GRAPHQL RESOLVERS

    View Slide

  77. GRAPHQL RESOLVERS

    View Slide

  78. GRAPHQL RESOLVERS

    View Slide

  79. DOBRA ARCHITEKTURA APLIKACJI

    View Slide

  80. DOBRA ARCHITEKTURA APLIKACJI
    FRONTEND

    View Slide

  81. DOBRA ARCHITEKTURA APLIKACJI
    BAZA DANYCH
    FULL-TEXT-
    SEARCH
    ZEWNETRZNE API
    FRONTEND

    View Slide

  82. GRAPHQL
    DOBRA ARCHITEKTURA APLIKACJI
    BAZA DANYCH
    FULL-TEXT-
    SEARCH
    ZEWNETRZNE API
    FRONTEND

    View Slide

  83. GRAPHQL
    BAZA DANYCH
    FULL-TEXT-
    SEARCH
    ZEWNETRZNE API
    FRONTEND
    DOBRA ARCHITEKTURA APLIKACJI

    View Slide

  84. GRAPHQL
    SCHEMA
    BAZA DANYCH
    FULL-TEXT-
    SEARCH
    ZEWNETRZNE API
    FRONTEND
    DOBRA ARCHITEKTURA APLIKACJI

    View Slide

  85. GRAPHQL
    SCHEMA
    RESOLVERY
    BAZA DANYCH
    FULL-TEXT-
    SEARCH
    ZEWNETRZNE API
    FRONTEND
    DOBRA ARCHITEKTURA APLIKACJI

    View Slide

  86. GRAPHQL
    SCHEMA
    RESOLVERY
    BAZA DANYCH
    FULL-TEXT-
    SEARCH
    ZEWNETRZNE API
    FRONTEND
    DOBRA ARCHITEKTURA APLIKACJI

    View Slide

  87. GRAPHQL
    SCHEMA
    RESOLVERY
    BAZA DANYCH
    FULL-TEXT-
    SEARCH
    ZEWNETRZNE API
    FRONTEND
    DOBRA ARCHITEKTURA APLIKACJI

    View Slide

  88. GRAPHQL
    SCHEMA
    RESOLVERY
    LOGIKA
    BIZNESOWA
    BAZA DANYCH
    FULL-TEXT-
    SEARCH
    ZEWNETRZNE API
    FRONTEND
    DOBRA ARCHITEKTURA APLIKACJI

    View Slide

  89. GRAPHQL
    SCHEMA
    RESOLVERY
    LOGIKA
    BIZNESOWA
    FULL-TEXT-
    SEARCH
    ZEWNETRZNE API
    FRONTEND
    DOBRA ARCHITEKTURA APLIKACJI
    INNA


    BAZA DANYCH

    View Slide

  90. REST API
    LOGIKA
    BIZNESOWA
    FULL-TEXT-
    SEARCH
    ZEWNETRZNE API
    FRONTEND
    DOBRA ARCHITEKTURA APLIKACJI
    INNA


    BAZA DANYCH

    View Slide