В документации все подробно расписано

ребят а почему девтулзы не обновляются пока браузер не перезапустишь? хард ресет тоже не спасает

У аполло всегда были проблемы с девтулзом, я смирился

аналоги есть? пока не влился в тему тяжело в голове визуализировать все это дело

GraphQL playground

меня в часности кеш интересует

именно он и не обновляется

У меня так они вобще падают на последних двух вкладках

Всем привет. На стэнд-алоун apollo server миддлвэри не добавляются?

Почему-то медленнее работает чем редукс, это одно из компромисов за легкость localstate? Или кто смог добится такой же производительности как и с редаксом?  Вся проблемма в чрезмерном количестве ререндеров при обновлении localstate в аполло

Есть ли у кого опыт?

а можно пример кода который работает медленно?

Да секунду

на вскидку могу предложить использовать memo или purecomponent

<Fragment>
                           <Row>
                               <Col span={12}>
                                   <label>Заказ номер:</label> {order.orderNumberStr}
                                   <br />
                                   <label>Модель: </label> {order.product.name}
                                   <br />
                                   <label>Артикул: </label> {order.product.article}
                                   <br />&nbsp;
                               </Col>

                               {isUserAdmin() &&
                                   <Row type="flex" justify="end">
                                       <Popconfirm title="Уверены что хотите обновить спецификацию?" onConfirm={handleUpdateOrderSpec} onCancel={null} okText="Да" cancelText="Нет">
                                           <Button type="secondary">Обновить спецификацию</Button>
                                       </Popconfirm>
                                       &nbsp;
                                       <Popconfirm title="Уверены что хотите удалить эту запись?" onConfirm={handlePermanentDelete} onCancel={null} okText="Да" cancelText="Нет">
                                           <Button type="danger">Удалить все</Button>
                                       </Popconfirm>
                                   </Row>
                               }
                           </Row>
                           <TabComponent openedOrder={order}  prodBoms={order.prodBoms} handleBomSelection={handleBomSelection} selectedProdBomId={selectedProdBomId}/>
                           <Query query={GET_OPENED_PRODENTRY} variables={{prodEntryId: openedProdEntryId}}>
                               {({ loading, error, data }) => {
                                   if(loading){
                                       return <div></div>
                                   }
                                   
                                   //console.log("loading", loading);
                                   //console.log("asdfasdfasdf", data.openedProdEntry);
                                   return (
                                       // <div>{console.log("sss",data)}</div>
                                        <ProdEntryDetail key={prodEntryDetailKey} periods={periods} teams={teams} openedProdEntry={data.openedProdEntry} openedOrder={order}/>
                                   );
                               }}
                           </Query>

                           <Query query={GET_SELECTED_PRODBOM} variables={{id: selectedProdBomId}}>
                               {({ loading, error, data }) => {
                                   if(loading){
                                       return <div></div>
                                   }
                                   return (  
                                       <div>
                                       <SewingOperationsModal openedOrder={order} prodOperations={data.selectedProdBom.prodOperations} key={sewingOperationsModalKey} />
                                       <ProdWageModal wages={getWagesForSelectedProdBom(order.prodBoms, selectedProdBomId)} />
                                       {/* <WageClaimModal /> */}
                                       <CuttingOperationsModal key={cuttingOperationsModalKey} prodOperations={data.selectedProdBom.prodOperations}/>

                                       <CuttingWageModal wages={getCuttingWagesForSelectedProdBom(order.prodBoms, selectedProdBomId)}/>
                                       </div>
                                   );
                               }}
                           </Query>

                           <Query query={GET_OPENED_WAGE} variables={{id: openedWageId}}>
                               {({ loading, error, data }) => {
                                   if(loading){
                                       return <div></div>
                                   }

return (
                                       // <div>{console.log("sss",data)}</div>
                                       <WageClaimModal key={props.wageClaimModalKey} openedWage={data.openedWage}/>
                                       //  <ProdEntryDetail key={prodEntryDetailKey} periods={periods} teams={teams} openedProdEntry={data.openedProdEntry} openedOrder={order}/>
                                   );
                               }}
                           </Query>
                           
                           {/* <ProdEntryDetail key={prodEntryDetailKey} openedProdEntry={data.openedProdEntry} openedOrder={order}/> */}
                           {/* <NewModal/> */}
                           {/* <CuttingWageModal wages={getCuttingWagesForSelectedProdBom(order.prodBoms, selectedProdBomId)}/>
                         
                           */}
                       </Fragment>

вот проблемный код, тот же самый код с редаксом работает в 4 раза быстрее

если проблема в частых рендерах то попробуй purecomponent

можно подробнее? в смысле сделать все компоненты pure?