Demystifying DX with Node, TypeScript and Prisma

Creating a developer friendly Node environment with modern tooling and a strong type system to help accelerate development.

The link to the slides with GIF's and links is here: https://docs.google.com/presentation/d/1oJFYfSU6RLfM_rXCPNzxLcqc4rAAAFDklfvtkOYEpdE/edit?usp=sharing

Transcript

2. DRY("Don't Repeat Yourself") Source: AMC
3. Walter White @ryands1701 Imagine this talk as a Breaking Bad Episode. Jesse Pinkman @5achinJani
4. Say my name? (10 marks ) Source: Microsoft
5. Source: AMC
6. 10x developer?
7. Give me a “Hell yeah”. Source: AMC
8. REST Pain Points for developers
9. REST Pain Points for developers - Managing multiple endpoints for the multiple clients(Web, Mobile, and all)
10. REST Pain Points for developers - Managing multiple endpoints for the multiple clients(Web, Mobile, and all) - Navigating back and forth to your database and codebase.
11. REST Pain Points for developers - Managing multiple endpoints for the multiple clients(Web, Mobile, and all) - Navigating back and forth to your database and codebase. - Getting little to no help to see the structure/schema/type of your data of your code in your code-editor.
12. REST Pain Points for developers - Managing multiple endpoints for the multiple clients(Web, Mobile, and all) - Navigating back and forth to your database and codebase. - Getting little to no help to see the structure/schema/type of your data of your code in your code-editor. - Example
13. GraphQL
14. GraphQL There’s nothing better than official site of graphql for its quick introduction. So here we go, https://graphql.org/
15. GraphQL Galore! 1. Analytics: A GraphQL request is a query that can be tracked to see how many times it was used in a single day. You know what data is used - and deprecate what isn’t 2. Decoupling: The frontend has been liberated from the backend. Gone are the days of back-and-forth with backend teams to build the queries needed to surface data in the UI. Front-end teams can specify the exact shape of the data they get back, making them more nimble and efficient. 3. Single Endpoint: GraphQL operates from a single /graphql endpoint. No discovery issues. No separate web and mobile URLs. Reduced complexity. 4. Interactive Documentation: Documentation is always in sync with implementation. Developers using GraphiQL or Playground get “just in time” documentation for the query they are building. No more neck pain from looking at API docs on one monitor and code on the other.
18. Prisma
19. Enter Prisma...
20. Where does Prisma fit into your architecture
22. Our Full Stack Architecture
23. Demo time aka Cooking time!!!
25. Source: HBO - Game of thrones
26. Source: Manan desai
27. Do it for yourself. You deserve that DX. Source: AMC
28. fin. That’s all folks. Thank you :)
29. Plot twist? JavaScript Song
30. Resources Prisma with Nexus: CodeSandbox: https://codesandbox.io/s/graphql-auth-0vv7i GitHub: https://github.com/ryands17/gdg19-prisma-ts React app with Apollo: Github: https://github.com/ryands17/gdg19-react-apollo