Speeding up your Gatsby app in a day
Make Gatsby's "fast in every way that matters" a reality with this collection of 5 quick actions to speed up a Gatsby website, featuring real-world examples, Lighthouse scores and links to code.
Byteconf React 2020
A collection of 16 posts
React Bandersnatch experiment: getting close to a real framework
React is a UI library. But what if one day it could become a framework? In this talk we're going to explore different packages and tools to combine and create our ideal React framework. To make our work tidy and polished let’s include a good state management as well
From create-react-app to create-any-app
Same company, lots of teams, different technologies, developers battling outdated dependencies and copying scripts and configuration files all over multiple projects? Does this sound familiar to you? At Omio, we solved this problem by building a development framework that helps all teams bootstrap and maintaining their projects. It provides a
Lifting state up is killing your app
Have you heard about “lifting state up”? Is it possible that one of the 12 main concepts listed in React official documentation might lead to poor performance? We’re going to build a simple game of “tic-tac-toe” with React. We will see which pitfalls it hides and when O(1)
Power Up Gatsby with Auth!
Gatsby rose to fame as a static site generator, but it’s also an amazing platform for building dynamic sites! Wouldn’t it be awesome if we could add a user profile with access to protected data in our Gatsby app? Like Mario’s fire flower or Link’s hook
Adding the accessibility in your React Apps
UI frameworks/libs are very good for the developer experience. We as developers are focusing on and achieving the checklist of the best web application: Code architecture Clean code performance & best of everything (almost) But we are forgetting the accessibility. When was the last time you or your testing
Building Scalable Web Applications with React
As the title of the talk suggests, we are going to focus on building 'scalable' web applications using our most loved framework ReactJS. You might be a bit fascinated by the title that why I chose this one? Yeah. You are right. But there's a problem which you might have
Concurrent React from Scratch
In this talk, we’ll create an effective mental model of Concurrent React by building a tiny clone of React! We will start with a blank js file and learn about how React renders components, schedules Time-Slicing updates with a Work Loop, add Hooks, and end off with a mini-clone
Those Who Can Do Should Also Teach
Programmers are constantly learning new technologies, especially in the rapidly evolving frontend ecosystem. As a result, developers often find themselves in a teaching role -- whether that means mentoring a colleague, writing blog posts, speaking at meetups, or even teaching more formally at a college or bootcamp. So, how can
Static Sites and Serverless Functions - A Dynamic Combination
Static sites are growing in popularity, but many developers still question just how powerful they can be. As it turns out, there is an entire ecosystem of added functionality in the form of serverless functions. In this talk, learn how to add dynamic functionality like email, text messaging, interacting with
Put Down the Javascript: Level Up with the Fundamentals of Web Development
Seasoned and beginner alike, developers have a habit of jumping right into a framework or new technology that makes a lot of promises while also glazing over important fundamentals that without, tend to hold back a website or application’s potential. Without some basic knowledge of HTML, you might inadvertently
Creating a Component Library
The task of building a component library from scratch can feel intimidating. But, if you’re willing to put in the upfront time & effort, it can result in faster and easier development, improved design and UX, and so much more. If you’re considering implementing a component library, but
Beginner Pitfalls: My Personal Journey
This talk has two goals: I'm going to openly share some of the mistakes I made and I see other beginners are making when they decide to learn how to code. (To avoid them/stop making them). This talk will be given from the point of view of someone who
A Gentle Introduction to Building Serverless Apps
Do you want to crank out features the business wants, or spend a lot of time writing code and capacity planning for authentication, authorization, and complicated data access? Of course we all know the answer. In this session will begin a beginner friendly introduction to Serverless computing. We will then
Simply React
One of the things I love about React is how easy it is to encapsulate UI code into a component or hook. I love this because it makes reuse of those things easy. But is it easy? I've made my fair share of components that had to accept a bunch
Enjoying these posts? Subscribe for more
Subscribe to be notified of new content and support Code with Kristian! You'll be a part of the community helping keep this site independent and ad-free.
Thanks! Check your email to confirm your subscription.