Posts Tagged - React

Table Of Contents

• Introduction
• The Problem
• Rendering A Link
• Objects And Typing Issues
• Cheating
• Another Solution
• The Better Solution

Introduction

I’ve been taking more and more tickets with the new gig. This week I was tracking down some text to make some updates, and this was not as simple as I thought it might be, so I decided to take some notes and reflect on some stuff I learned.

Read More

Table Of Contents

• Introduction
• Data In React
• Context In React
• Context In Use
• Conclusion

Introduction

React offers the ability to build out web applications quickly. One of the details of this strategy includes passing data to different components in the DOM. This can consist of needed data to build features, states of a component, and anything you can think of.

Read More

Table Of Contents

• Introduction
• Tailwind
• Setup
• Using Tailwind in React
• Something a Little More

Introduction

It’s been some time since I did any frontend development, and I don’t miss it. After a couple of years of learning the fundamentals, I would have loved to have some alternatives to manually writing CSS.

Now that I am diving back into it, I am happy there are tools not to replace but improve the CSS experience. In that spirit, I want to look at Tailwind CSS.

Read More

Table Of Contents

• Introduction
• SWR
• Conclusion

Introduction

React gives us the ability to create powerful and scalable apps. We need to quickly implement API calls to get our data displayed in our App for them to run. That’s where SWR comes in handy.

Read More

Table Of Contents

• Introduction
• React Modules
• In-App Example
• Named Imports vs. Default Imports
• Conclusion

Introduction

The organization of your apps is one of the most effortless quality of life improvements you can make. Recently I’ve been deep-diving into React for a work project, and I was able to get a crash course in how you organize one such app. Including how React treats its files and how we’re importing them. So today, I’d like to get into how React handles modules and how importing is done.

Read More

Table Of Contents

• Introduction
• React Router Dom
• Setup
• Explainer
• Conclusion

Introduction

Implementing routing in React applications can be one of the first tasks you undertake in the coding part of the development lifecycle. This was true for my team when we sat down to a mob programming session to go through a couple of our stories for a project. We brought in some help from people who know React to help us get started. I am not a React developer, so this is the first time I had actual exposure to people with expertise, so I am grateful it was a group programming session. I don’t know what I was doing when the rest of the world learned React, but I can only guess it had something to do with playing the Sims. Regardless I use the right tool for the job, and I need to learn it now. The first thing we did was implement some routing, and I will implement a much more simplified version of what we did below to show what I learned.

Read More