Best of React — April 2023
- 1
- 2
- 3
Community Picks·3y
Introducing the TERN stack and how to migrate from MERN to TERN
Introducing the TERN stack and how to migrate from MERN to TERN. MERN is a web technology stack consisting of MongoDB, Express.js, React, and Node.js. This tutorial will assume you're using Tigris Cloud or a self-hosted instance of Tigris.
- 4
- 5
- 6
The Software House·3y
Web development stacks in 2023 – software trends
Web development stack is a set of tools typically used in tandem to develop web apps. A highly specialized web stack can exist within the constraints of frontend or backend development. The most important choice is the one concerning your full development stack. Full web development stacks are abbreviated based on the technologies that comprise them.
- 7
The Complete Modern React Developer 2022
Course covering the full stack development using React, Node.js, MongoDB, and PostgreSQL. Backend setup using Express.js or Nest.js. Includes tutorials for setting up local databases and using Docker. Frontend tests using React Testing Library and Cypress.
- 8
Medium·3y
JavaScript Optimization Techniques for Faster Website Load Times: An In-Depth Guide
JavaScript Optimization Techniques for Faster Load Times: An In- Depth Guide Master JavaScript optimization to enhance website performance. In this article, I’ll guide you through various methods to optimize your JavaScript code, including minimizing file sizes, reducing network requests, and employing best practices to ensure faster load times and improved UX.
- 9
builder.io·3y
Building AI-Powered Apps Is Way Easier Than You Think
The basic structure of doing commands with AI is asking users for input, constructing a prompt with that and any other information needed, and generating a result. Using ChatGPT as a grounds to experiment is a great thing to do first. For example, you can play with prompts to find what gives you good results, and when you find something repeatable move it into code.
- 10
- 11
freeCodeCamp·3y
How to Build a Blog with the Ghost API and Next.js
Ghost CMS is a popular content management system that many devs and companies use to host their blogs. Ghost CMS doesn't generate static builds, but Next.js does. For React developers, it is easy to build a new blog with Next (since Next is React-based), and you do not need to learn additional tools.
- 12
- 13
- 14
Product Hunt·3y
TailAdmin Dashboard - Open-source Tailwind CSS admin dashboard template
TailAdmin Dashboard is a powerful and feature-rich admin dashboard template built with Tailwind CSS. Comes with hundreds of pre-built pages, multiple variations, and 200+ dashboard UI components. Coded in - Alpine.js + Tailwind ( HTML and Tailwind) and React.js.
- 15
- 16
Mastering Zustand: A Simple and Efficient State Management Library for React
Zustand, a minimalistic state management library for React, offers just that. It doesn't rely on a provider, making it less prone to errors and faster than React's context API. It's also less opinionated, allowing developers to adapt it to their preferred way of working with React.
- 17
ITNEXT·3y
Angular 16 is huge
angular 16 is just the first release candidate version of v16. There are a lot of features/changes coming with this version. It is still experimental and some more performance related improvements and optimisations are to be made. It already enables a much faster startup time (at least 2 times) than webpack implementation.
- 18
Big Nerd Ranch·3y
Replacing Myself: Writing Unit Tests with ChatGPT
This post explores the use of ChatGPT in writing unit tests, starting with testing a recursive function and moving on to testing a React reducer and React component. The AI-powered chatbot, ChatGPT, generates unit tests for the provided code, but it also has limitations, such as a lack of creativity, reliance on training data, and the need for human correction. While AI has the potential to revolutionize the way we work, it is not yet ready to replace humans.
- 19
- 20
- 21
System Weakness·3y
Deploy your React app using GitHub pages
Learn how to deploy your React app using GitHub Pages with easy steps. GitHub Pages is a free hosting service that allows you to easily deploy and share your web projects. Prerequisites include having a GitHub account, Git installed, and Node.js installed. Create a repository on GitHub for your React app, clone it to your local machine, and create your React app using Create React App. Add the necessary dependencies and configuration to your app, build the app, and deploy it using the 'npm run deploy' command. Commits and pushes to GitHub are also explained. Deploying to GitHub Pages is a simple and easy way to share your React app with the world.
- 22
- 23
- 24
Frontend interview questions – developers tips in 2023
As the high demand for frontend development continues, technologies come and go and requirements change. As many as 25.96% of all programmers on Stack Overflow consider themselves frontend developers. Frontend development is an essential and obligatory part of any web-based and many mobile-based projects.
- 25
The Most Common Mistakes When Using React
Common mistakes when using React, such as setting incorrect initial state, directly modifying the state, forgetting that setting state is asynchronous, including non-primitive objects in hook dependency arrays, excessively using useCallback and useMemo, adding separate onChange handlers for each input, unnecessarily using useEffect.
