If you’re heading along be sure to check out the talks and workshops from the NearForm team. We have a super line-up this year and we’re also proud sponsors of this year’s event.
Speeding Up React SSR with ESX – David Mark Clements (Day 2)
React is a hugely popular frontend framework that revolutionized the frontend development world. React is built primarily for the browser, while Node has fundamentally different operational constraints to the browser. As a Principal Architect and Consultant, it has become painfully clear that React’s Server-Side Rendering is a performance bottleneck for web backends around the world. During this talk, David will share and demonstrate a very simple solution that can be dropped into pre-existing React applications to significantly improve Server-Side Rendering throughput.
Stripping Down Components With React Browser Hooks- Cian Foley (Day 3)
Often times, developers directly access specific browser functionality/events within react components. The specifics take time to research and implement, especially given cross-browser considerations and other nuances. It can also negatively impact the readability and fingerprint of a component, and sometimes developers might even forget to tidy up. Based on their research, the same functionality is being implemented over and over again, and significant time is being wasted re-inventing the wheel.
Custom React Hooks make it possible to strip out and abstract full slices of related browser functionality into tidy, testable, reusable atomic libraries. This means that developers can import and use hooks that completely abstract this functionality, keeping their components clean while improving productivity and quality.
During this talk Cian will:
- Provide evidence of the problem based on our experience/research
- Show a real example of how such a hook could tidy up a component significantly
- Demo the various functions that have been wrapped up neatly for re-use in their React Browser Hooks npm package
Workshop: GraphQL, Simplified – David Mark Clements (Day 3)
Use React? Use GraphQL? Love Hooks? Graphql-hooks is a new GraphQL client for React with a hooks-first API. It’s super fast and weighs only 1.9kB gzipped.
The motivation behind graphql-hooks was a barebones GraphQL Client, focused on speed and lightweight. Both Apollo and Relay have pioneered how to use GraphQL on the client. However, over the years they’ve grown in size and complexity. This has increased the barrier to entry for new developers excited to try out GraphQL.
In this workshop, David will be demonstrating how quick and simple it is to get up and running with graphql-hooks. He’ll also do a direct comparison with Apollo using the Next.js example.
- A simple GraphQL server using fastify
- Integrating graphql-hooks with a CRA app
- Add Caching
- Add SSR
- Add Pagination
- Live refactor of Next.js with-apollo to use graphql-hooks
You can check out the full line up here and keep up to date by following #FullStackCon on Twitter.