A list of 5 leadership failures you may be making

Management and leadership has no set handbook, it’s often something you’re thrown into and have to learn on the job. The longer you lead a team, the more skills you pick up on being an effective manager. We’ve compiled a list of 5 huge leadership failures that you may be making, and tips on recognizing and avoiding them.

Image for post
Image for post
Photo by Joshua Hibbert on Unsplash

1. Failing to recognize unique strengths

Each person on your team will have truly unique intrinsic motivations. Understanding what exactly motivates each person is critical to driving success and efficiency across a team.

Use useReducer, custom hooks, and more

Image of code on a screen.
Image of code on a screen.
Photo by Ferenc Almasi on Unsplash

React gives developers complete freedom over how state is managed within a component. React has two types of components: class components and functional components, which were introduced in React v16.

The Skills and Traits To Become a Great PM

Product management is one of the most often misunderstood roles in any organization. Although often thought of as the decision maker of all product decisions, in most organizations, that’s not the case, as they don’t have enough authority over most of the things that make their product successful.

Image for post
Image for post
Photo by Marten Bjork on Unsplash

Product management is a relatively new role. While design and engineering both have a…

A simple guide to React Error Boundaries

In React, by default errors can propagate all the way up an application and break an entire app upon the next render. These issues were often caused by an earlier error in the application code but weren’t handled gracefully and cause the entire rendering cycle to start.

Handle React Errors with Error Boundaries
Handle React Errors with Error Boundaries
Photo by Sigmund on Unsplash

Error boundaries can catch errors during rendering, lifecycle methods, and constructors of all the…

Destructure props, named components, and more

decorative: glass ball
decorative: glass ball
Photo by Michael Dziedzic on Unsplash

React is meant to be an incredibly flexible software library, with no clear best practice when it comes to application structure or design. However, there are still some best practices and general rules that developers can use to write better React code.

One of the hardest parts of developing a product is the dizzying amount of components that are often required for any full stack application. Building a dropdown menu or a button from scratch is time consuming, taking away from potential time spent on actual features.

Storybook has taken the developer world by storm, with @storybook/react getting over 1.8 million weekly downloads.

Image for post
Image for post

Storybook is used by companies like Airbnb, Lyft, IBM, Shopify, and thousands of other companies to document and develop components in isolation.

What is Storybook?

Storybook is a tool for building and documenting UI components. This isn’t a React exclusive tool, they also support React Native, Angular, Vue, and many other frameworks.

No-Code is getting better, but don’t expect them to be stealing developer jobs anytime soon

The rise of low-code and no-code platforms have had people concerned about the replacement of developers in favor of these platforms and other automated concerns. If you’re a software developer, you may be worried about these platforms replacing your job, but I believe that’s not a valid concern.

Image for post
Image for post
Photo by AltumCode on Unsplash

What is Low Code and No Code?

Lets start with talking about what exactly are Low Code and No Code platforms. They’re shorthand for a set of services that allow you to connect various services together, often with a drag-and-drop interface and highly visual workflow creators that enable non-software developers to create highly functional apps.

The lifesaver for any Redux developer

If you’re a frontend developer, you’ve probably dealt with the massive amount of bloat and boilerplate that can come with Redux. Setting up actions and reducers can lead to hundreds of line of code that relatively simple, but necessary.

Image for post
Image for post
Photo by Joshua Aragon on Unsplash

Due to these problems, I switched over to using Recoil for a while, but then I remembered about Redux Toolkit.

What is Redux Toolkit

Redux Toolkit is:

The official, opinionated, batteries-included toolset for efficient Redux development

With a variety of utilities and a slightly opionated framework, it reduces the amount of fluff code you have to write to implement Redux.

Setting up the developer tools for serious React developers

We’ll skip the introductory BS and get straight into this guide. You can see the finished project in this Github repo. If you check the commit history, I’ve created commits for each “step” of this process.

Image for post
Image for post
Photo by AltumCode on Unsplash


Setup Next.js and TypeScript

First, we’ll start by creating a new Next.js project with TypeScript. Open up your terminal and run:

yarn create next-app

Follow any prompts this tool gives you, and you should have an initialized Next.js…

Caelin Sutch

Passionate about building cool shit. First-year undergrad student studying EECS and Business @ UC Berkeley MET Software developer at Carline.

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