A how-to guide for adding this state management library to an existing React app

Yesterday, I made a simple to-do app using React and a Rails backend, which has some functionality of adding and deleting tasks. Though this is small application without large amounts of application state that are needed in many places (in other words, not the best candidate for using a state management library), I thought it would be an easy and clear example of how to add Redux hooks to manage state.

A brief look into the interdisciplinary field & why it matters

by Nadieh Bremer

Have you ever heard the belief that data drives the best decision-making, and been slightly confused at what this widely held assumption means in practice? How exactly do teams turn complex and sometimes dense data into insights and actionable decisions? The answer: by means of some sort of graphical representation or abstraction of analytics, or data visualization, for patterns to be more easily depicted and concepts (hopefully) universally conveyed.

There’s been a buzz generating around data visualization within the past few years — ‘data is the new oil’ becomes…

Examining the overlap between accessibility and SEO principles

When building a website or app, accessibility principles have in recent years been reaching the forefront of dev best practices as awareness builds around making the user experience as smooth, intuitive, and well, accessible to everyone as possible, regardless of how a user interacts with a page and its content. It is a concept that should not be overlooked, and one that I have been more seriously considering and learning how to implement in my own projects.

Ramp over stairs leading to green door
Ramp over stairs leading to green door
Photo by @sabrinamazzeo

I’ve also begun diving into the depths of SEO, and what I didn’t expect to…

This week as I’ve been building a React site with TailwindCSS, I’ve been learning how to integrate the app with responsive design principles to create a seamless user experience despite screen size or platform.

Overall, I’ve found using Tailwind’s structure for responsive design to be increasingly intuitive and fairly painless, especially due to its utility-first configuration (and never having to leave HTML).

I soon discovered that the key methods to making a site responsive with Tailwind rely on the fact that Tailwind takes a mobile-first approach, meaning that all class styles default to mobile styling. To change any aspect (sizing…

Since my last post commending the power of GatsbyJS as your go-to static site generator, I’ve come across a few roadblocks as a beginner using this tool, and thought it would be helpful to share those to hopefully save other beginners from some hopeless hours spent on Stack Overflow.

Gatsby Plugin and Module Errors

One of my main issues that took a few days to understand was this error message I kept getting as I tried to install Gatsby plugins and other npm packages:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!....

The message went on to basically state…

Recently, I’ve had experience with using the static site generator GatsbyJS for creating a portfolio site as well as a simple company site, and I have become a quick convert of the framework. If you find yourself needing to build a static website, look no further than GatsbyJS for fast performance, great SEO, and easy usability for non-technical editors or creators who will be managing the content after deployment. If you’re unsure of whether you’re building a dynamic or static website, examples of static sites include portfolios, company websites, blogs — basically, any site that has a predictable number of…

Fetching from a Rails API and Setting State with useEffect

For my final project with Flatiron School, I decided to level up my design game and use Material UI to style the frontend, which forced me to get comfortable with React hooks fast, since the framework is rooted in and best matched for functional components. At first, I struggled to find declarative on how to manage the state in a functional component specifically when fetching data from a Rails API, but as soon as I started using the useEffect hook, life managing state and passing down props as I knew it became simpler.

The useEffect hook communicates to React that…

If you’re new to the niche and constantly evolving realm of software engineering or development, you probably are tuned into the hard skills you’ll need in order to succeed in this industry, but you may be missing direction on the soft skills that contribute to an engineer’s success. The fact that you’re attracted to a field of endless learning lends me to believe you’re probably also addicted to, or at least interested in, self-growth. …

In the midst of creating my first React project, I find myself continually facing the same decision with each UI feature I build out — should I make this a class component or functional component? My default up until this point has been the class component, should I need to create a state or implement a lifecycle method along the way, but I keep wondering, shouldn’t I be more intentional with this decision? …

Reflecting back on my first week with Flatiron School’s full-time software engineering track, if there was one piece of advice I wish I had that would set me up for success, it would be to have a firm grasp on Github. Not far into the day were we beginning to fork and clone repositories onto our local machine, and, not far into the day was I subsequently lost, as a complete Github (and for that matter, code) newbie. Ultimately, I wasted too much time trying to get caught up to speed with Github, and fell behind in key introductory material…

Sara Bastian

full-stack developer exploring how software can solve real-world problems | https://sarabastian.com/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store