Skip to main content

πŸ“¨ #127: Nextra, React-Query, React Documentary, Storybook, Remix, Tamagui, Solito, TC39, Rome...

Β· 10 min read
SΓ©bastien Lorber

Hi everyone!

We have some nice articles this week. I liked to discover how React-Query is implemented, or the latest Storybook news.

Nextra v2 is a serious challenger for Docusaurus!

A nice React documentary is being created, and the trailer is available πŸ™Œ

It's also quite active on React-Native side! There are some great releases, a State of React-Native survey in the works.

For this edition, I put the images below the title/text, don't hesitate to tell me if it's better like that or if you prefer above?

πŸ’‘ Check this newsletter on Twitter - visual format 🎨

To support me:

Don't miss the next article!

    πŸ’Έ Sponsor​

    FlyCode Makes React Apps Editable without coding, Git based

    FlyCode Makes React Apps Editable without coding, Git based

    FlyCode (YC S22) makes React web apps editable in minutes so Product and UX teams can iterate and release products faster, so they don't have to wait on (or consume) developer time.

    FlyCode reads your regular React code and finds Texts, Images, Design tokens and Analytics event, then it let's non-coders collaborate and edit them and send back a pull request (they don't need access to GitHub!)

    • Saves development time
    • No code integration, it just reads your code!
    • GitHub based, a bot is scanning the code and creates pull requests
    • Use your own stack and components
    • Retain codebase ownership

    You can get started here: flycode.com/developers

    βš›οΈ React​

    Nextra 2.0

    Nextra is a tool to facilitate the creation of documentation sites, based on Next.js, and created by a Vercel engineer. v2 has just been released with a great redesign and a nice list of features (MDX 2, Tailwind, search, i18n, a11y, code highlighting...). Relying on Next.js allows to benefit from a modern infrastructure and the latest Next.js innovations, but also to create more dynamic pages (SSR, ISR) associated to static documentation pages. It is a very serious competitor to Docusaurus, the tool I am working on.

    Nextra 2.0

    Inside React Query

    Dominik explains how React-Query works, and details the relationships between its different elements: QueryClient, QueryCache, Query, Persister, QueryObserver... Many of these elements do not depend on React, and this is what allows TanStack Query to easily support other frameworks like SolidJS thanks to adapters.

    Inside React Query

    NextJS, SvelteKit, Remix and the future of Storybook

    Storybook 7.0 will have a new Framework API. It will allow the creation of "Framework packages" (example: @storybook/nextjs) that pre-configure your Storybook for a given stack (builder, renderer, app settings), and that you can extend. The support of several frameworks based on Vite is ready. Next.js and SvelteKit frameworks are coming soon, and a Remix support is considered.

    NextJS, SvelteKit, Remix and the future of Storybook

    Don't miss the next article!

      πŸ’Έ Sponsor​

      JavaScriptBoard.com - Let the job find you

      JavaScriptBoard.com - Let the job find you

      JavaScriptBoard.com reverses the hiring system and focuses on developers looking for long-term work relationships.

      No more browsing through LinkedIn recruiter messages and uninteresting job offers!

      At JavaScriptBoard.com you sign up and only receive job offers that match YOUR requirements.

      • 100% of the jobs have the salary range included.
      • 100% anonymity for developers by default.
      • CV is not needed. Completely optional.
      • Earn $500 if you are hired through JavaScriptBoard.com!

      Join for free at JavaScriptBoard.com

      πŸ“± React-Native​

      πŸ§‘β€πŸ’» Jobs​

      πŸ§‘β€πŸ’Ό Product Engineer at Causal, Remote/London/NY, $150-250k

      Causal is a Series A Startup (backed by Coatue/Accel) building an all-in-one tool for working with numbers and visualizing data. We're looking for strong React engineers who can solve difficult UX/performance challenges.

      πŸ§‘β€πŸ’Ό Callstack - Senior React Native Developer - Fully Remote, PLN 21-32k net on B2B, monthly

      Do you want to work on the world's most used apps? Would you like to co-create the React Native technology? Join the Callstack team of React & React Native leaders. Check our website for more details. We are looking forward to seeing your application - show us what you've got!

      πŸ§‘β€πŸ’Ό G2i - 100% Remote React Native Jobs

      We have several roles open for developers focused on React Native! Pay is ~160k plus 10% bonus. You must have production experience with RN and be based in the US. DM @gabe_g2i to learn more and don't forget to mention This Week in React.

      πŸ’‘ How to publish an offer?

      πŸ”€ Other​

      Updates from the 93rd TC39 meeting

      Some very nice proposals for JavaScript have progressed last week, in particular:

      • Set Methods in stage 3: union, intersection, difference... πŸ™Œ
      • Iterator Helpers in stage 3: map, flatMap, filter, reduce...
      • Intl APIs that continue to complement each other.

      🀭 Fun​

      alt


      Don't miss the next article!