Cook Your Own Modal with Styled Components

Lou Mauget Development Technologies, JavaScript, React, Tutorial Leave a Comment

I created several JavaScript modal dialogs – I always extend a framework modal instead of scratch-coding my own. I thought I knew the things a framework needs to implement in order to present a modal but did I? There was only one way to find out: cook my own JS browser modal, and that is exactly what we’ll do in this post.

In this blog, I’ll cover a short approach to hand-coding your own modal with Styled Components. You can find the entire project on GitHub.

Using Jest and Testing Library with React Native Part II: Our First Test

Justin Leach Development Technologies, JavaScript, React, React Native, Testing, Testing React Native Series, Tutorial Leave a Comment

This is Part 2 of our series, Using Jest and Testing Library with React Native. This post will cover the steps you’ll need to take to write your first test. We will also break down the code line-by-line, so you have a clear understanding of the process.

Using Jest and Testing Library with React Native Part I: Setting Up

Justin Leach Development Technologies, JavaScript, React, React Native, Testing, Testing React Native Series, Tutorial Leave a Comment

In this post, Part 1 of Using Jest and Testing Library with React Native, I’ll give a brief introduction to Jest, Testing Library, and React Native. Then, we’ll walk through how to set each of them up. This will prepare us for Part 2, creating our first test.

Getting Started with Expo

Stewart Snyder JavaScript, Mobile, React, React Native, Tutorial Leave a Comment

Expo is a platform and framework that allows you to write cross-platform code using React Native, taking advantage of the APIs native to each platform. This makes it extremely simple to develop and deploy apps to a variety of platforms. Additionally, it allows the apps to make use of the native components of whatever platform they are deployed to.

This post first reviews the different features of Expo and how they can be used to rapidly develop and deploy software. Then, we’ll talk through the steps you’ll need to take to get up and running with the tool.