React Charts is a straightforward set of declarative React chart components created by 

. We love that it is opinionated and only contains X/Y charts. A quote from their website :

“We believe data visualization is all about

to your users, and not about building new and"exciting" methods of indirection or "art" for them to ponder and decipher. To that end, React Charts only supports X/Y chart layouts and

purposefully does not have support for pie charts, radar charts, or other circular nonsense.

This library is almost entirely maintained by one person. This is not an easy feat, and Tanner deserves a lot of credit for what he’s accomplished with 

 where you can ask questions, get help, and talk about issues.

React Charts

Beautiful, flexible, highly-performant charts for React

It's always great to see alternatives and competitors when it comes to backend platform services. PocketBase is a great alternative for projects that require a real-time database, authentication, file storage, or admin dashboard but doesn't need the bloat of a large backend.

It's worth noting that PocketBase is maintained by one author. It does have 19 contributors and 17k GitHub stars at the time of this writing though.

PocketBase

PocketBase - A tiny open-source alternative to Firebase

"Posture! Posture! Posture!" is a Chrome extension analyzes your sitting position and blurs your browser as you start to hunch. It studies your posture to set a baseline of where it thinks your neutral position should be, and then the more you hunch, the more it blurs. It's a great way to train yourself to sit properly throughout the day.

Built with React and powered by Tensorflow, this handy 

extension is available on the Chrome webstore

Posture!Posture!Posture! Chrome / Firefox Extension

A React Chrome Extension that Monitors Your Posture

Zach is a Senior Engineering Manager at Nx. This course is hosted by Fireship.io and is free to try. For the $20 price tag, it's well worth the value.

This course is intermediate level and expects some experience with React, JavaScript, and general web development. It is fast-paced and similar to my style on YouTube, but far more in-depth and with hands on projects and quizzes.

React Supabase Full Course by Zack DeRose

Dive in and learn React.js from scratch! Learn Reactjs, Hooks, Redux, React Routing, Animations, Next.js and way more!

Build powerful, fast, user-friendly and reactive web apps

Provide amazing user experiences by leveraging the power of JavaScript with ease

Apply for high-paid jobs or work as a freelancer in one the most-demanded sectors you can find in web dev right now

Learn all about React Hooks and React Components

React - The Complete Guide (Hooks, React Router, Redux)

Sticker Mule is the Internet's most "kick ass" brand. We are privately-owned, profitable, and powered by a globally distributed team that enjoys building happy customer experience at the highest technical standards. Our software team operates from 17 countries, and we're always looking for more exceptional engineers.

Degree in Computer Science or equivalent practical experience

Improve and expand our React shared components gallery

Migrate a large Rails code base to JavaScript front-ends and back-ends

Maintain optimal front-end performance on desktop and mobile

4 weeks vacation + holidays based on your country of residence

Software Engineer

Software engineer @ Sticker Mule

 is a leading sales intelligence and engagement platform trusted by over 20,000 paying customers, from rapidly growing startups to the largest global enterprises. Our platform unifies a database of 250m contacts and 60 million business accounts with advanced intelligence and engagement tools, to help over 500,000 sales, marketing, and recruiting professionals to connect with the right person at the right time with the right message, at speed and scale. We're also ranked #1 in Satisfaction on G2 Crowd for Sales Intelligence & Sales Engagement and are used by 1M professionals worldwide.

In the last year, we've grown ARR 3x, quadrupled our active users, maintained profitability, and closed a $110M Series C led by Sequoia Capital in March of 2022 to fuel the next phase of our growth.

We are a remote-first inclusive organization focused on operational excellence. Our way of working ensures clear expectations and an environment to do your best work with ample reward.

As a Senior Frontend Engineer, you will be a critical part of our growing company, working on a cross-functional team to implement and drive best practices in technology, architecture, and process. You'll have the chance to work in an open and collaborative environment, receive and give hands-on mentorship and have opportunities to grow and accelerate your career. You love both learning and teaching. In this role, you will be interfacing with product, design, software engineers, and members in teams outside of Engineering. You enjoy working cross functionally to solve hard problems and make an impact. At Apollo, you strive for quality, and are obsessed with improving quality, automation, and squashing any bugs that sneak through. You have a drive to constantly investigate performance improvements and innovative ideas.

 is React/Redux/NodeJS on the front-end, Ruby/Ruby on Rails/MongoDB/Elasticsearch on the backend, and Kubernetes/Docker/Ansible/Terraform in infrastructure.

Work closely with product, design and engineering team to design and contribute to core product initiatives.

Produce "clean" and well-structured code, with detailed specifications. This means that your code is commented, well structure, readable and comes with documentation;

Implement "pixel perfect" design as delivered by our designers that works across different browsers, according to specifications provided

Help maintain code quality, organization, automation and continuous delivery

Effectively communicate development progress or blockers to the product lead, engineering manager, and other stakeholders

Work effectively as part of a large global team

Attend and engage in stand-ups, team meetings, and manager 1:1s

Provide and receive constructive feedback and praise to co-workers in verbal and written form; respond and react to technical and behavior feedback from managers and peers

Proactively acts without being told what to do. Able to identify areas of improvement and driving best practices to deliver high quality, performant, and scalable solutions.

Ability to take ownership over everything you ship; you'd never call code "released" until you're confident it's correct

You usually communicate effectively, clearly, concisely and in an audience-oriented way in written and verbal form both technical and non technical subjects, to your teammates. You actively listen to others and ensures they are understood. You pay attention to nonverbal communication.

You help your teammates overcome obstacles, resolve blockers, and complete work tasks. You give or share credit where due.

You deliver praise and constructive feedback to your team, teammates, and manager in a useful manner.

You actively seek out feedback from your teammates and manager, and works to use feedback that you receive as a tool for growth.

Confident in owning your role, and bringing creative ideas to the hands of our users

 of industry experience in frontend development, developing large-scale applications

JavaScript (ES6), React, Redux, HTML, and CSS

Experience with Cypress in writing meaningful tests

Interest in building UI with performance, accessibility and scalability in mind

Strong UX and product sense with the ability to negotiate the right MVP

Your code is comprehensible, well-structured, highly performant

Besides the great compensation package and culture that thrives in openness and excellence, we invest tremendous effort into developing our remote employees' careers. The team embraces that we have a sole purpose: to help customers maximize their full revenue potential on the Apollo platform. This mindset opens us up to a lot of creative approaches to making customers successful at scale. You'll be a significant part of a lean, remote team, empowered to really own your role as a proactive educator. We're very collaborative at Apollo, so you'll be able to lean on your teammates, even in adjacent departments, to help you achieve lofty goals. You'll be supported and encouraged to experiment and take educated risks that lead to big wins. And, you'll have a whole team remotely by your side to help you do it!


Company name: Apollo
Remote job title: Staff Frontend Engineer
Job tags: Frontend Web Development, User Experience Design, Redux.js

Staff Frontend Engineer

Apollo -  Staff Frontend Engineer

The Next.js 13.2 release brings some huge quality-of-life improvements, especially to the app router that was released in version 13. There are also some new features like Markdown support in server components, progressive ISR caching, custom route request handlers, and much more. Build performance also seems to be a central focus for the Next.js team, and this release reduces memory usage, and also optimized project configuration load times.

Next.js 13.2 Released

Web-inspired props for accessibility, styles, and events

React Native 0.71 Released

The official update on the breaking changes from the Next.js team.

Here are some shortcuts to the changes covered in the blog post:

 Up to 700x faster Rust-based Webpack replacement.

 Faster with native browser lazy loading.

 Automatic self-hosted fonts with zero layout shift.

Next.js 13 and the pages directory are stable and ready for production. Update today by running:

Next.js 13 Official Updates

Are you in need of a solid material design admin template? Look no further than 

. It's the #1 selling template on the market for a reason. The Google Material Design inspired UI and responsive design, along with amazing support, has customers falling in love.

 has a ton of material design widgets and UI elements that work seamlessly on all major web browsers, tablets, and phones. It's user-friendly, intuitive, and even fun to use. Plus, it's incredibly versatile and can be used to build all sorts of web applications like SaaS platforms, project management apps, ecommerce backends, CRM systems, analytics apps, banking apps, education apps, and even fitness apps.

It's user-friendly and straightforward to get started with, and it comes with ready-to-go templates including 3 niche dashboards, and 5 carefully crafted Applications like email, chat, calendar, invoice, and user. It's well-documented and comes with a starter kit to kickstart your project. Plus, it's packed with features like Next.js v13, MUI Core v5 stable version, 100% React hooks & Functional Components, Redux Toolkit & React Context API, React Hook Form + Yup, ready-to-deploy folder structure, complete user flows, ESLint & Prettier, user overridable layout & theme, RTL support, code splitting, lazy loading, JWT authentication, access control, auth pages, account settings & profile pages, pricing, FAQ & knowledge base pages, multi-lingual support, 5 apps, 3 chart libraries, 3 dashboards, Material Design icons by community, unlimited color options, fully responsive layout, organized folder structure, clean & commented code, and well-documented. Plus, you'll even get 6 months of free support and the option for multilingual support for added convenience. 

 and see for yourself why it's so popular!

Materialize, React, Next.js Admin Starter Kit

In need of an NFT marketplace template? Look no further than this awesome starter kit.

It's a complete React template built with latest technologies like Bootstrap 5, and it's fully responsive for a pixel-perfect look. It comes with a variety of styles and elements, eleven different homepages, and it's easy to customize. Plus, it has features like MetaMask integration, React Bootstrap, dark and light color scheme, cross-browser compatibility, working contact form, animated elements, particle effects, lightweight font icons, integrated with FontAwesome, ElegantFont and ET-LineFont and it's built with React (CRA) and React Router. Give Gigaland a try and create a beautiful and modern NFT marketplace website in no time!

NFT Marketplace React Template

Are you looking to start your own online store but don't know where to begin? Look no further than this awesome starter kit. It's a super-fast e-commerce template that's easy to set up and customize. It's built with React, NextJS, TypeScript, GraphQL, NestJS, and Tailwind CSS, making it efficient and user-friendly. Plus, it comes with GraphQL and NestJS integration, so you can easily build your schema, GraphQL playground for documentation, and REST API integration with React Query for those who already have a REST-based backend.

This template is perfect for any retail business from fashion to electronics to groceries, and everything else in between. Built with React hooks and Next.js, your store will have amazing performance for a fantastic user experience.

This template is a perfect combination of speed and performance which will help you to provide a great user experience. So, if you're looking to start your own online store, give this starter kit a try, and launch your website in no time!

React Ecommerce Template with React Hooks, Next JS, GraphQL & REST API

React Ecommerce Template with Hooks, GraphQL and REST API

Are you in need of a landing page template that's modern and sleek? Check out the React Next Modern Landing Page Template. It's built with the latest technologies, like React, and it's fully responsive, so it looks great on any device. Plus, it comes with a variety of pre-designed sections, like hero sections, features sections, and testimonials sections, that you can easily customize to fit your brand.

The template also includes a variety of UI elements like buttons, forms, and pricing tables, and it's fully compatible with major browsers. Plus, it's easy to set up and customize. It's also packed with features like built with latest React version, fully responsive design, clean and well-commented code, easy to customize and well-documented, and it's completely SEO friendly.

If you're looking for a landing page template that's modern, responsive, and packed with features, the React Next Modern Landing Page Template is definitely worth checking out. It's perfect for creating landing pages for any kind of business, like SaaS, app, digital products and services. Give it a try, you won't regret it!

SuperProps - React Next JS Landing Page Templates

Next.js Landing Page Templates

A talk from the React Brussels conference about an alternative to the useEffect hook in React. The talk is by David Khourshid from https://stately.ai.

Slightly controversion if you read the comments (but when have YouTube comments ever been uncontroversial?). It's also important to know that David is the founder of 

, which is the solution that he is presenting.

In either case, our recommendation is to watch the talk and come to your own conclusions!

Goodbye, useEffect - David Khourshid

Next.js has become a staple in modern web development and isthe fastest growing React-based framework. Fireship gives us a first look at the breaking changes in Next.js 13.

Next.js version 13 was announced yesterday and it brings huge changes to the framework. They collaborated directly with the React team to create the ultimate web framework and a new webpack replacement built with Rust... let's take a first look.

The good and bad of Next.js 13

Next.js 13… this changes everything

Choosing the right charting library for your React project is daunting. If your project has a lot of data visualization, then there is a lot riding on the library that you pick from the start. You don’t want to invest hours of dev time, only to realize that you should have selected a different library!

What’s more, you don’t have unlimited time to try every charting library out there. That’s why I’ll be sharing our pick of the best React Charting Libraries in 2023. We’ll narrow the field so that you can get coding faster.

 would be a clear contender for the top spot. So it makes sense that 

GitHub stars (5.5k) and monthly downloads (3.1M/month) aren't the only factors that we consider when picking our favorite library. 

 is one of the most well-maintained libraries. Even though it only has a 

 of contributors making updates and fixing bugs

We love how focused and easy it is to get started with this library. And you'll still have the option for more complex chart customizations. It has 

 that show a variety of use cases. So you'll be able to check if 

 is right for your project. Combine this with its great community and well-maintained repo. It’s easy to see why we’ve picked 

D3.js has been around forever. It is one of the most robust libraries when it comes to visualizing data with JavaScript. 

 provides a rich set of dataviz React components, built on top of D3. Co-created by 

 is very well-maintained with a fair number of issues closed every month. Even though it is open-source and community-maintained, it has many backers through its 

. This is a big positive for the library because it means that organizations are invested in its’ longer-term maintenance.

 could have easily made it to the top spot in our list. It has 

a large list of charting and data visualization components

. Their example pages even allow you to play around with component properties and see the effects in real-time. It has a high amount of GitHub stars (10.7k) and is frequently used (1.4M downloads per month). Ultimately, deciding to use 

 will come down to the specific needs of your React project.

 is arguably the most popular React charting library. It has 4.6M downloads per month and 19.2k GitHub stars. It has a large community of 224 contributors and a group of core maintainers called the 

. This means that you can expect more frequent bug fixes and new releases.

 has also taken a more declarative approach. This makes their components very readable and easy to get started with. But, some may not prefer this approach as it could be considered more rigid and inflexible.

If you are looking for a chart library for your React application, you should always consider 

. It is the largest and most popular React-based charting library today. Unfortunately, that comes with some detriments. 

 currently has 464 open issues. This could be because of the way they manage their GitHub issues. But, it is a significant number compared to other libraries like 

 (92). Being such a large and popular open-source codebase means that updates and bug fixes may not come as quickly or often. Yet, it has been around for a long time as well, which means that it is likely more stable.

 has built some of the most popular JavaScript libraries in recent years. This includes Victory. Formidable has been around for a while. They have some notable clients including Microsoft, Google, and Starbucks. Victory has beautiful and unique chart designs out-of-the-box. Check then out in their 

The Best React Charting Libraries in 2023

If you're a React nerd like us (and we assume that you are since you're here), then check out this trailer for the real story behind the rise of React.js!

During the proliferation of JavaScript libraries in the 2010s, I remember first hearing about this new library called React from Facebook. And then all of a sudden, it was everywhere. In the span of 3 years, I went from working on jQuery apps to Angular apps to React apps. And since jQuery, React has been the longest-standing library in my developer toolkit.

I'll definitely be staying tuned to watch this documentary when it drops!

These days, React is everywhere – even the Honeypot team uses it! But were you paying attention a decade ago when React was first open-sourced? The JavaScript community didn’t just have a bad reaction, they couldn’t believe this project had any future. And boy howdy did the conversation get snarky. If it wasn't for a small group of passionate developers at (what was then) Facebook, React might not have seen the light of day. In this documentary, we’ll take you back to the origins, right to the moment when 'Rethinking Best Practices' got real. We'll show you how React went from 'indie-rebel alliance project' to the most popular UI framework in the world. Hear the story from the star engineers who were there to see all the twists and turns. A thrill-filled roller coaster or an atmospheric slow burn? Only our documentary will tell. React.js: The Documentary will premiere on this channel in February 2023. Sign up here if you want to be notified: 

React.js: The Documentary [OFFICIAL TRAILER]

Sanity.io is a free and open-source content management system that integrates with web and mobile app technologies like Next.js and React Native. It is a fantastic platform for marketing teams to manage content, and it gives software developers the flexibility to write custom plugins and utilities for just about any type of scenario you can think of. Below are some of the reasons why using Sanity.io to power your digital experiences is a great choice in 2022.

Sanity.io is free and open-source software that is constantly receiving updates. It is very well maintained and has received over $50 million in funding, making it a great long-term technology decision. There is a thriving community behind the project that has created an amazing ecosystem of tools and plugins.

Out of the box, Sanity provides an easy-to-use studio for writing content. Developers follow a simple setup process to create different types of document structures that make content writing very intuitive.

For example, if an article needs to have a big header image, a title, and some rich text content, developers can enforce these rules using a Sanity schema. A huge bonus that many other CMS platforms miss out on is customizability. Since Sanity.io is built with React, a developer can quickly create custom integrations in the studio by writing custom React components. This provides teams with a tremendous amount of peace of mind knowing that projects are future-proofed.

Depending on the state of your digital product, you may already have content living on a different CMS. Sanity makes it very convenient to import data from other CMS platforms or databases with a 

. You can even quickly export data and create onsite backups which is a great option if you decide to move to a different CMS provider in the future.

large number of free tools and plugins to use with Sanity

It supports everything from scheduling when to publish content, to generating PDFs, to SEO previews. This toolbelt is extremely powerful for bootstrapping MVPs and production-ready applications very quickly. There are new plugins added to the shop on a weekly basis, and the number of free tools will continue to grow exponentially due to Sanity's growing popularity.

These are just a few of the many reasons why Sanity is a fantastic technology choice for content management in 2022. At Stack Five, we use Sanity in production applications every day. If you'd like to learn more or see if Sanity is a good fit for your project, please 

how we power stackfive.io with Next.js and Sanity

Why You Should Use Sanity in 2023

If you’re involved in the web software industry, you’ve probably heard of 

. It is the tool of choice for many agencies and developers due to a variety of factors such as its flexibility and ability to deliver just about any type of digital experience on the web you can think of. There are so many 

Next.js uses a mix of React and Node.js to bring an excellent developer experience. We can use it to create rich front-end applications that support server-side rendering, static pages, and 

. We can also use it to build API layers for our front-end applications to use, and even expose these endpoints to other applications. Because JavaScript can be written isomorphically in Next.js page components, this creates an incredible amount of flexibility.

Incremental Static Regeneration Code Example

Next.js applications can be deployed to the Vercel network which deploys server functions to "the edge". It uses 

 which is lighter weight than Node.js for very fast response times and low latency in production. Static pages and server-side rendered content are also managed very efficiently by Vercel and can handle a tremendous amount of concurrent requests. This gives our team the peace of mind to build and ship scalable products with very little configuration or maintenance needed, and very high availability.

If content changes quickly, or there is a need for content to relate to each other, Next.js is a fantastic tool for the job. For a great example of how it can be used, check out our article on 

how we rebuilt our website using Next.js and Sanity.io

Because Next.js is open source, it is completely free to use. Vercel’s generous free tier allows teams and startups to deploy their full-stack applications to the Vercel network for free. As applications scale, teams can confidently grow alongside the Vercel network without fear of hidden fees. But the beautiful part about building apps with Next.js is that you don’t even need to deploy it on the Vercel network. This gives teams the flexibility to deliver their product however they’d like and have full control over everything from DevOps to sharing and selling their software.

Extending or building on top of Next.js is extremely efficient. Since Next.js is a semi-opinionated framework, it has a basis of rules and folder structure around how applications are written. However, the possibilities for how it can integrate with other software or APIs, and how easily 

 can be built around your Next.js application, are endless.

Fantastic Tooling and a Passionate Community

Next.js has exploded in popularity over the past few years. As a result, the community behind it is very strong and is not going anywhere anytime soon. Finding answers and solutions is very easy as countless teams have built their businesses and domain knowledge around Next.js. There are also thousands of open-source plugins and integrations the community has built to help speed up development time. Vercel’s community managers are also very responsive and are happy to help resolve issues as quickly as possible.

These are just a few of the huge benefits of using Next.js, but we’re only scratching the surface here. If you’d like to learn more and see if we can help you deliver a powerful digital product using Next.js, please 

Why You Should Use Next.js and Vercel in 2023

React 18 was released and since it's a new major version, the big questions is: What changed? Indeed, React 18 lays a solid foundation for great future updates and introduces one very important new concept: Concurrency. Nonetheless, updating is extremely easy and requires almost no work. You don't need to re-learn React, you don't need to change your entire codebase. Full tutorial article: 

My "Complete Guide" course is entirely up-to-date with this latest version of React!

React 18 - What's New, What Changed & Upgrade Guide

The React core team has announced the launch of React 18. 

They have provided an upgrade guide, as well as a full feature breakdown

React 18 Announced

React v18.0 is Now Available!

 is a powerful React framework that has gained a tremendous amount of respect in the web development community over many years. It is completely open-source and supports both static site generation and server-side rendering techniques. Vercel, the team that maintains Next.js, also provides a tremendous tooling platform for deploying Next.js applications and has an extremely generous free tier that gives enough bandwidth to support an incredible amount of web traffic.

Because of its flexibility and incredible speeds, it can be used as a springboard to power almost any type of digital experience on the web. Below are some practical examples of how Next.js is being used today on the web.

Next.js is the perfect pairing for ecommerce sites. When new products need to be added to a storefront, or product information needs to rapidly change, Next.js can handle all of the traffic your throw at it, even while you update content in real-time.

Enterprise websites, portfolio sites, not-for-profits, and advertising agencies are just a small handful of the perfect candidates for a Next.js app.

React Libraries Work Place Laptop And Plant

 and blazing fast content delivery, it is the ideal tool for distributing blog content and optimizing SEO.

Entertainment Platforms like Netflix, TikTok, Nintendo, and Twitch

Some of the biggest names in the business use Next.js to power their web experiences to millions of customers every single day.

Applications that have content and new pages created frequently benefit from the flexibility of static page delivery, 

Next.js is a great choice when the timing of content delivery is the number one priority of your digital product.

Building community and driving sales to your software product can begin with a great developer experience.

Next.js is great for dynamic apps such as travel ticket commerce, concert ticket sales, and anything that demands real-time updates.

For experiences that demand instant content delivery, Vercel’s Edge Network delivers your application to customers as fast as possible, no matter where they are located in the world.

No matter where your app’s content is coming from, Next.js can handle just about any data source you throw at it.

At Stack Five, we use Next.js every day to build and deliver incredible digital experiences across countless industries. If you’re interested in learning more or would like to discuss how we can help bring your digital products to life please 

Featured Posts