React

Manage page state in React apps by using the History API to store the state. — Preface There are many state management libraries in React, such as Redux, Rematch, Recoil, and of course, you can use React context to manage page state. These are all very useful, but there is a problem — when we refresh the page, the page state will be lost, and the page…

React uygulamanızı oluşturdunuz ve bunun farklı ortamlarda farklı özelliklerde olmasını istiyorsunuz veya farklı ortamlar için farklı API endpointlerini kullanmasını istiyorsunuz. Bu durumlarda ne yapıyoruz. — Uygulamanızın farklı ortamlarda farklı şekilde davranması gerekir. Aşağıda Dev: Geliştirme yaptığımız local ortama. Testing: Geliştirdiğimiz modüllerin yüklendiği ve tüm uygulamayı E2E test verileri ile test edebildiğimiz ortam.

Getting a small code using the single responsibility Let’s think about how we did create our screens and components… If we need a simple screen to show data coming from an Axios request We will get something like this and now, you need to add an onPress function…

Backstory… This short article is part of a series of articles that branch off the main article (which is the foundation) about some common uses of RTK Query (Redux ToolKit Query). In this part we’ll talk about the caching mechanism of RTK Query. NOTE: This article is not an introduction to…

Setting up a CI/CD pipeline for React Js on AWS can not be as easy as it is on Netlify. But, AWS has its own advantages in the long run which can turn out to be better than a lot of the services out there. If you want to setup…

Once upon a time… Fetching infrastructure is a crucial thing in every code base, especially if you’re dealing with the frontend side of things — because most, if not all, of the data displayed is fetched from a server. There are many great libraries, backed by a wide community, for React (or React Native), such…

Choosing a right frontend technology has a huge impact on a whole application performance. Whenever, there is a discussion about components-based or component oriented approach front-end web application development there arises choices between Polymer and React. Polymer Polymer is open-source javascript library for creating web components, custom elements and is designed…

This is the second part of React re-renders guide: everything, all at once. There are no investigations, no explorations in this guide, just raw facts and LOTs of patterns. Each pattern is linkable independently and has: ​- a short description - visual aid that demonstrates the pattern - working code example in…