React Knowledgeable

React Knowledgeable, nicknamed <RK />, is a fun and friendly podium to share what we learn about React.

Topics

react

🏅 Hooks: All About Render

When hooks were introduced in React, much ado was made about how they afforded a cleaner, more shareable way to manage state. In this talk I focus on the _other_ consequence - rethinking a components lifecycle in functional components. I’ll explore what it means for things to “participate in the data flow” and how other built in hooks guide us towards this new way of thinking.

👞 Dancing with React Hooks

React Hooks is THE hot thing now. More and more people can teach you how to use React Hooks, how they work, what the rules are and why. What did you first use React Hooks to make? For me, it was to let someone dance. Join me in your black suit and dress as i introduce to you my Tiny Dancer, and how Hooks made me revisit an important concept in Javascript.

🍱 5 things you need to know about react-cache

`react-cache` is pretty exciting, let's share this excitement

👥 Are React and CSS Friends?

I normally don't like such controversial name. But this is exactly what this talk about. The point is not to create another Twitter war but to propose some thoughts and see we think they make sense or not.

⚒ Adding React DevTools to Your Swiss Army Tools of Coding with React

[React DevTools](https://github.com/facebook/react/tree/master/packages/react-devtools) [v4](https://github.com/facebook/react/blob/master/packages/react-devtools/CHANGELOG.md#400-august-15-2019) and the `<Profiler />` profiler are released (unmarked as unstable) recently. Let's check out how to use them to debug and profile our React app, as well as to learn more about React.

🤕 Battle Stories: Portals

This is not a fairytale talk. This talk is about a real life situation where I solved a particular problem with Portals.

📱 Nuances of React Native

Having not delivered production code in React Native previously before joining my current company, there were many times things were different in React Native and React. In this short pointed bullet points, I will quickly run through nuances of React Native when setting foot from React.

css

👥 Are React and CSS Friends?

I normally don't like such controversial name. But this is exactly what this talk about. The point is not to create another Twitter war but to propose some thoughts and see we think they make sense or not.

🤕 Battle Stories: Portals

This is not a fairytale talk. This talk is about a real life situation where I solved a particular problem with Portals.

jamstack

💨 Build and deploy a blog under 10 minutes with JAMstack

I'd like to speak about **Build and deploy a blog under 10 minutes with JAMStack**. Here's a little more background and motivation about the talk: JAMstack is hot now which enables anyone to build the websites with quick turnaround. During this talk, I'll show a quick demo on building a simple blog site and deploy it in netlify using Gatsby (React, GraphQL and markdowns).

🦖 How Modern Static Site Generators Work

I'd like to talk about the architecture of modern SSGs (static site generators) and how they work. Jekyll, Hexo, and Hugo are few of the earliest static site generators to have been invented and they have been used to build a significant number of websites in history. More recently, modern SSGs such as Gatsby, Next, Docusaurus and VuePress have emerged. These SSGs are an improvement over traditional SSGs - the initial render is HTML but sequent navigations utilize HTML `pushState()` and client-side rendering. Such hybrid rendering approaches provide an awesome user experience of a fast initial load (low TTI) and fast subsequent navigations. This talk goes into the inner mechanisms behind how modern SSGs are built and their architecture. *Spoiler alert - they're really similar!* We will also see how Docusaurus is an example of such a modern SSG framework that can be used for building fast and performant websites.

💄 Build a Gatsby Theme and publish

I'd like to speak about **Build a Gatsby theme and publish**. Here's a little more background and motivation about the talk: Gatsby is an open source framework based on React and GraphQL which lets developers to build fast websites. Very recently Gatsby announced theme support which makes the life even more easier because all our default configuration, design, share functionalities will be abstracted out from our side and can be used as an installable package. I'm going to show on how to build a simple gatsby theme quickly and publish to npm registry. Also, I'll be showing on how to use the package from the npm and build a quick simple website.

🔐 Gatsby w/ authentication... and hooks

Gatsby can manage authentication pretty well, but how do we take it to the next level with everyone's favourite React API - Hooks! I'll be detailing how to integrate authentication with Swizec's awesome [`useAuth`](https://github.com/Swizec/useAuth) library.

react native

📱 Nuances of React Native

Having not delivered production code in React Native previously before joining my current company, there were many times things were different in React Native and React. In this short pointed bullet points, I will quickly run through nuances of React Native when setting foot from React.

graphql

⚡️ Incredible usage of GraphQL's schema ✡️

GraphQL is a query language for your API. There are a lot of benefits gained if you using it. For my point of view, the best benefit of GraphQL is not that we can reduce number of requests or prevent overfetching. The best feature of GraphQL is schema which allows developers, tools to work together seamlessly. I will show my usage of schema including Apollo plugin for your vscode, Type generate from your schema, automatic reviewing schema changes using GraphQL Inspector