habr (@habr@zhub.link)
Кэширование в Next.js App Router, как увидеть, почему данные не обновились
С кэшированием в Next.js обычно случается одна и та же история. API уже отдаёт новые данные, страница открывается заново, а на экране всё ещё старая версия. После этого в код быстро добавляют cache: "no-store" , данные начинают запрашиваться на каждый заход, и через пару минут появляется уже другой вопрос - зачем тогда вообще нужен встроенный механизм кэширования. Проблема в том, что кэширование обычно звучит как одно явление, а на практике в App Router похожие ощущения могут давать разные уровни поведения. Навигация назад и вперёд может переиспользовать клиентский кэш маршрута, сам маршрут может рендериться по-разному, а серверный fetch в Next.js имеет собственные стратегии кэширования и перевалидации. В актуальной документации это уже разделено на новый режим с Cache Components и на прежнюю модель без них. В этой статье речь именно о привычной модели App Router без Cache Components, где поведение обычно задаётся через fetch , cache , next.revalidate и route segment config. ( Next.js ) Полезнее всего разбирать такую тему не с теории, а с наблюдения. Не с вопроса как устроены все слои кэша в Next.js, а с вопроса почему на одном и том же маршруте иногда обновляется рендер страницы, а иногда обновляются данные, и это не всегда одно и то же. Для примеров ниже используется проект Goods Finder и внешний API DummyJSON. Идея - сначала добавить на страницу штамп серверного рендера, потом отдельно показать момент получения данных, а уже после этого сравнить force-cache , no-store и revalidate .
https://habr.com/ru/articles/1030134/
#nextjs #app_router #caching #revalidate #nostore #forcecache #server_components #react #javascript #вебразработка
Show Original Post
pcdevil (@pcdevil@mastodon.social)
👋 Hi, I'm looking for work!
🚀 I am...
- a detail oriented #frontend senior engineer with 15 years of experience
- proficient with #JavaScript & #TypeScript, #CSS, #Vue, TDD
- experienced with #React, Ember.js, GCP, Terraform
🔎 I'm looking for:
- a collaborative environment between eng + product & design teams
- a #Bonn based (onsite) or a Germany / EU-based (remote) company
- ability to learn and grow
🚫 no crypto, big oil, gambling, gen-ai, web3
🙇 boost appreciated!
Show Original Post
Radio_Azureus (@Radio_Azureus@ioc.exchange)
archive DataHoarders
markdown formatted
A nice presentable DataHoarders archive has been created regarding the epstein files
The archive is online accessible as given in the sources matrix.
Even if the content is less interesting to you, the manner in which the front & backend end is built is quite interesting. I have interests in both backend and frontend programming & networking, thus think this is a treasure trove from both perspectives.
YMMV
When you glance through the wikipedia pages of Jeffrey you will find interesting tidbits of his nature rise and fall. When you read it multiple times you will know more than you may want to about this man, enabled by different forces to flourish in his behavour. Go in with a neutral mind and read the sources, go there if you want to know more.
The wikipedia dbase of epstein is LONG the data ammount is massive. Don't expect to even glance over it in just a few minutes.
There are 305 references in this document
When you go to this datahoarders media archive you will have a pleasant representation of the visual and printed data as released by the USA DOJ
Quotes from the archive creators:
Hey! We are two college students and we just want to share the technical part of our project because you might appreciate it. The DOJ released the Epstein files and we decided to host the entire thing ourselves and build a proper interface on top of it. Here is what the archive actually looks like.
354GB total. 160GB of raw data from the original files and 194GB of our own processed data. Around 600,000 PDF files which actually contain roughly 1,400,000 individual pages inside them since many PDFs bundle multiple pages together when you scroll down. All 3,200 videos have been converted to HLS with adaptive bitrate streaming so quality adjusts automatically to your connection the same way Netflix does it.
For the videos we ran a full audio extraction pipeline, converting video to audio MP4 and then audio to text, generating SRT subtitle files for every single video that contains spoken content. This means you can search for a word that was spoken in any video and find the exact moment it was said
For the PDFs we converted every single page to PNG and ran OCR across all 1,400,000 pages. We then used Go to run AI agents that analyze and summarize the OCR output across the documents. The search engine works through tags associated to each specific file, built on top of all that processed data.
The frontend is React Native, infrastructure runs through Cloudflare.
We also added the possibility for a user to make an anonymous account to like, add a comment and reply to others or make your own investigation post on our platform.
We are not stopping here. There is still a lot to do and we are pushing updates constantly.
Z
Naturally ffmpeg / curl are crucial tool combo's for all this conversion fetch and serve to work smoothly, but I don't need to tell you that. There are many more tools used, go in read and learn!
Sources:
https://exposingepstein.com/home
https://en.wikipedia.org/wiki/Jeffrey_Epstein
#programming #database #video #HLS #pdf #recoding #streaming #json #backend #frontend #react #srt #subtitles #FFMPEG
Show Original Post
qiita (@qiita@rss-mstdn.studiofreesia.com)
React Hook Form 入門 Part 3 — Controller と useFieldArray を実務で使いこなす
https://qiita.com/nhatcaofedev/items/59ee94d671a0ac42891a?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
#qiita #form #React #Next_js #RHF #ReactHookForm
Show Original Post
DidioGlow (@DidioGlow@mastodon.social)
🔥 Nouvelle vidéo tendance au Sénégal !
🎬 Partie 10 : Je réagis à une vidéo montrant le Dji osmo pocket 4P qui arrive bientôt 😱 #react #khanangabagne #osmopocket4pro
👇 Regardez la vidéo complète :
https://diodioglow.com/video/partie-10-je-reagis-a-une-video-montrant-le-dji-osmo-pocket-4p-qui-arr
#Senegal #BuzzSN #TikTokSN #DiodioGlow
Show Original Post
p (@p@pixelfed.social)
Performing Keep it safe in Uddevalla today on the International Dance Day. We had so much fun today!
#reactperformances #publicspace #performance #react #sweden #streetperformance #sitespecific #insitu #dance #dans #keepitsafe #uddevalla #danceday #internationaldanceday
Show Original Post
p (@p@pixelfed.social)
Performing Keep it safe in Uddevalla today on the International Dance Day. We had so much fun during today!
#reactperformances #publicspace #performance #react #sweden #streetperformance #sitespecific #insitu #dance #dans #keepitsafe #uddevalla #danceday #internationaldanceday
Show Original Post
qiita (@qiita@rss-mstdn.studiofreesia.com)
売上予測WebアプリをFastAPI + Prophet + Reactで個人開発してリリースした話
https://qiita.com/Mecharhythm/items/88277454da559ab255e3?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
#qiita #AI #React #個人開発 #FastAPI #予測AI
Show Original Post
wrappixel (@wrappixel@mastodon.social)
🚀 New blog post is live!
Learn how to build a modern dashboard using ShadCN UI components with this step-by-step guide. Perfect if you're working on admin panels or web apps.
🔗 https://www.wrappixel.com/shadcn-dashboard/
#webdevelopment #shadcn #react #dashboard #ui
Show Original Post
categulario (@categulario@mstdn.mx)
esta gente que inventó #react se las ingenió para crear un sistema con los problemas del estado mutable con un diseño perfectamente inmutable
Show Original Post
opensuse (@opensuse@fosstodon.org)
Promoting tourism in Chocó, #Colombia through #opensource tech! Lear about #VisitChocó, built with #React, #TypeScript, and Leaflet, at the #openSUSE America Summit. #Linux events.opensuse.org
Show Original Post
articles (@articles@ruby-news.kr)
React로 1.5개월 걸린 개발, Glimmer DSL for Web(Ruby)으로는 1.5일 만에 완료
React JS로 구축하는 데 1.5개월이 소요되었던 프로젝트를 Glimmer DSL for Web(Ruby)을 사용하여 단 1.5일 만에 완성했습니다.
Show Original Post