Issue 209 - An honest review of Gatsby, and the React community survey (22)

react-avatar: An All-in-One Component for User Personalization — A nice, all-in-one component to professionalize your app while enabling your users to easily express themselves through their avatar. Everybody wins.

React-Menu: All The Menu Use Cases You'll Ever Need — This covers just about every menu use case, many of which are not available in more popular React libraries. This includes submenus, radio and checkbox functionality.

Upcount: Invoicing with React and Electron — While it may not necessarily revolutionize the way you do business, everybody could use a good, basic, cross-platform invoicing app.

Take the Official React 2020 Community Survey — The React Core Team wants your input and it’s probably the least we can do for all their hard work 🙂 They’re working on new docs and other initiatives and will use the results of this survey to help direct their work going forward. All questions are optional too, so if you only have a few...

An Honest Review of Gatsby — Gatsby is a popular React-based framework commonly associated with (but not limited to!) building static sites. Sentry have been using it for their documentation and here’s the tale of how that’s gone. Spoiler: It’s not been all sunshine and roses.. plus further discussion on Hacker News.

jQuery to React: How We Rewrote the HelloSign Editor — eSignatures have been getting a lot of positive press recently, no doubt in part because signers currently have a great reason not to meet face-to-face. Here’s an excellent case study of how Dropbox.Tech recently replaced 12,000 lines of jQuery with an all new React app.

▶  Create React App vs Next.js vs Gatsby — As you kick off a new project, you may still be considering alternative approaches to getting started. This concise video broadly compares some leading contenders so you can make the right choice between Create React App, Next.js and Gatsby.

How You Should Structure Your React Applications — Do you ever wonder how your method of organizing your React projects compares to how others do it? Everybody has an opinion, how does yours stack up?

React Developer at X-Team (Remote) — Join the most energizing community for developers and work on projects for Riot Games, FOX, Sony, Coinbase, and more.

Using Service Workers with create-react-app — You may not yet realize that React service workers do much of the heavy lifting of modern Progressive Web Apps. If one of those is on your radar, this article will introduce the concepts and show how you use create-react-app to set them up.

Building a Truly Accessible Clickable Div — WealthFront is committed to the delivery of apps which embrace the challenges of accessibility. Their in-house ExpandedClickableArea component is a great example. And this is novel: they’re using their article as a means of attracting new engineering talent.

Demystifying React Native’s Animated API: Part 1 — There are some stunning animations being implemented with CSS. However, React Native animations don’t work quite the same way and you’ll need to adjust your approach. This post from the Drop Engineering blog explains.

Getting Started with Gatsby: Build Your First Static Site — We like it when an article starts with the assumption we know nothing of a new tool or technique and then, using a simple example, illustrates everything we need to know to get to at least a basic understanding.

Unit Testing In React Native Applications — Testing your components to ensure they’re ready for prime time means unit testing them thoroughly. This is how you use Jest JavaScript testing framework to achieve this goal.

Lightweight, Modern React.js Setup for GraphQL using Vite and urql — A prescriptive, easy-to-follow guide to getting your first React/GraphQL project off the ground.

react-force-graph: Beautiful Visualization of Complex Network Relationships — When Hollywood wants to convey the notion of software which is just over the horizon, it seems like force graphs are the way they do it. But the fact is they are a great way to visualize complex relationships in an interactive way and they’re actually here already.

How to Measure Performance Metrics in React Native Apps — Track component load times with the lifecycle API so you can focus on what matters: shipping features for your users.

A List of Various React + TypeScript 'Starter Kits' — With different frameworks, different scenarios (cloud, browser, local), or a full on manual setup approach.

react-plotly.js: How React Does Plotly — Your key to accessing the beautiful and functional Plotly JavaScript Open Source Graphing Library.

Join TJ VanToll for React Wednesdays On Twitch/CodeItLive — Live Chats, Coding, and Fun: React Wednesdays is a weekly chat show with the best and brightest from the React world, hosted by TJ from the KendoReact team. New episodes go live every Wed @ 1:00 PM ET. Join us and ask your questions in real time.

Find A Job Through Vettery — Vettery specializes in dev roles and is completely free for job seekers.