Context Api

Şimdi direkt olarak konuya ulaşmadan önce sadece state kullanarak bir uygulamayı nasıl kurgularız ondan sözlü olarak bahsedelim. Öncelikle bir E-ticaret projesi geliştirdiğimizi düşünelim. Prpjemizin genel yapısı aşağıda gösterdiğim mind map ile daha anlaşılır olacaktır. Yukarıda görselde gördüğünüz gibi bir adet ana sayfa hesabım ve sepetim sayfaları olan bir uygulamamız olduğunu…

A common problem faced by most beginners in front end development is sharing the state and functions among the components in their projects. There are 2 ways in which you can share the states and functions among the components. i) Props ii) Context api Props The one way to transfer data…

🎯 In this article we will set up a general boilerplate that can be applied in React projects with Typescript where we want to use ContextAPI as state manager. To use ContexAPI in a React JS project with Typescript will require 3 main steps. In the first step we will…

Selamlar, ReactJS içerisinde veri akışı unidirectional yani tek yönlü ve component ağacının yukarısında bulunan state aktarımı bir parent component’ten, ağacın altlarında bulunan child componentlere props’ların aktarılması ile mümkün olmaktadır. Burada ki sorun; arada kullanılan componentlerin gerekli değeri child componentlere taşımak için kullanılıyor olmasıdır. …

As we already know, we can pass data top-down (parent to child) via props in React, allowing components to have access to the same informations. In most of the cases, the pass of data trough props will solve any problem that you may have, but let’s think in one specific…

Context provides a way to pass data through the component tree without having to pass props down manually at every level. State Management with Context API ☑ Context API Context provides a way to pass data through the component tree without having to pass props down manually at every level. In a typical…

React Query allows to fetch, update and cache data from an API. — Most of React applications use the data fetched from an API to render pages. Sometimes the fetched data need to be accessed by several different components in the application. In that case, fetched data need to be stored in a global state to be available for all the required components…

We use context to resolve the prop drilling problem. Prop drilling is basically a situation when we pass the data through props from parent to child to nested child. The problem is that only the nested child uses the data but we unnecessarily pass the data to the child. …

We use context to resolve the prop drilling problem. Prop drilling is basically a situation when we pass the data through props from parent to child to nested child. The problem is that only the nested child uses the data but we unnecessarily pass the data to the child. This…