The source code for this blog is available on GitHub.

Blog.

A developers daily journey

Cover Image for React Native - Setup application - Simple Authentication and Routing

Let's setup simple authentication and routing so that you can start with your MVP as quickly as possible. On top of this we'll use agile methods and a CI/CD workflow.

Julia Stjerna
Julia Stjerna

More Stories

Cover Image for The Power of Context Providers - Generic Template

The Power of Context Providers - Generic Template

I'm giving you a generic template for setting up your context, typesafety included and reasoning why to use the Context API.

Julia Stjerna
Julia Stjerna
Cover Image for React Native - Setup application - TypeScript, NativeWind, Jest, Cypress, SecureStore, TanstackQuery, Toastify

React Native - Setup application - TypeScript, NativeWind, Jest, Cypress, SecureStore, TanstackQuery, Toastify

Let's setup a React Native application combining valuable and useful libraries to get your MVP going as quick as possible. We will also do this using agile methods and a CI/CD workflow. When finished you'll have a React Native app with type safety, routing with tabs, testing, formatting, linting, local storage, styling, layouting utils, state management both sync and async and side effects handling.

Julia Stjerna
Julia Stjerna
Cover Image for Application setup - Using GitHub workflow.

Application setup - Using GitHub workflow.

Let's setup a project from scratch and define some workflows.

Julia Stjerna
Julia Stjerna
Cover Image for TanStack Query Provider - Clean State Management

TanStack Query Provider - Clean State Management

Harnessing the power of clean components is a mantra I live by. Clean components can perform complex tasks gracefully, maintaining code elegance. Before delving into the TanStack Query Provider, let's explore the rich benefits of TanStack Query.

Julia Stjerna
Julia Stjerna
Cover Image for The Power of Context Providers - Toastify

The Power of Context Providers - Toastify

Get cleaner code by using Context Providers

Julia Stjerna
Julia Stjerna
Cover Image for TanStack Query - Todo Provider Example

TanStack Query - Todo Provider Example

This code sets up a comprehensive system for managing todos in a React application. It handles data fetching, mutation, and context management.

Julia Stjerna
Julia Stjerna
Cover Image for Unlocking Collaboration and Organization: The Power of GitHub Organizations

Unlocking Collaboration and Organization: The Power of GitHub Organizations

GitHub organizations provide a structured and collaborative space for individuals and teams to manage, contribute to, and organize their projects. This is not merely a matter of aesthetics; it's a strategic move that can significantly enhance your workflow, scalability, and overall efficiency.

Julia Stjerna
Julia Stjerna
Cover Image for Dare to question - AI is not the single source of truth

Dare to question - AI is not the single source of truth

Today I asked ChatGPT about differences between unit testing, component testing and e2e testing. ChatGPT gave me examples of all test suites, however the first attempt of the component test was lacking some very important concept.

Julia Stjerna
Julia Stjerna
Cover Image for Goodie! Keyboard status context provider

Goodie! Keyboard status context provider

Your welcome! Here's a goodie for you: a keyboard status context provider for React Native, of course using typescript. At the end: all you need is a hook!

Julia Stjerna
Julia Stjerna
Cover Image for Creating Reusable Layout Components in React with TypeScript

Creating Reusable Layout Components in React with TypeScript

React, paired with TypeScript, provides a powerful combination for building modular and maintainable applications. One of the key principles in achieving this goal is the creation of reusable layout components. In this article, we'll explore the significance of reusable layout components and walk through the process of building them using TypeScript.

Julia Stjerna
Julia Stjerna
Cover Image for The Power of GitHub Project Boards

The Power of GitHub Project Boards

In essence, leveraging GitHub Project Boards isn't just about creating a to-do list; it's about embracing a dynamic tool that empowers your team to visualize, collaborate, and optimize their workflow. Whether you're steering a small startup project or navigating the complexities of a large-scale development effort, GitHub Project Boards emerge as a strategic asset, unlocking the full potential of your team and your projects.

Julia Stjerna
Julia Stjerna
Cover Image for Comparing npx and Global Package Installations in npm

Comparing npx and Global Package Installations in npm

Node Package Manager (npm) offers developers versatile ways to manage packages, and two prominent methods are using `npx` and installing packages globally. Both approaches have their strengths and considerations, catering to different scenarios in the development workflow.

Julia Stjerna
Julia Stjerna
Cover Image for Understanding Repositories

Understanding Repositories

In the world of version control and collaborative software development, a repository is a central hub where all the elements of a project come together. It serves as a digital container, housing the source code, documentation, images, and any other files that constitute a project.

Julia Stjerna
Julia Stjerna
Cover Image for Side Effects in UX Design

Side Effects in UX Design

Side effects refer to changes that a function or an expression makes to the state of the program or the environment outside of its own scope. But lets talk about it from a UX designers point of view.

Julia Stjerna
Julia Stjerna
Cover Image for The World of Errors

The World of Errors

I find myself constantly resolving the same errors. This list is for me to keep track on problems I've already solved.

Julia Stjerna
Julia Stjerna