What new in react-telegram-web-app@2.0 ? 🚀🚀🚀

[vkruglikov]

What's new in @vkruglikov/react-telegram-web-app@2.0? 😃🚀

Hey everyone!
Recently have released a package with breaking changes.

WebAppProvider see in docs 🌐📦

The main idea of updating added the WebAppProvider component. This added context and enables us better control components and hooks, and the connection between them.

Now WebAppProvider is unnecessary, but it is the better way to use.
It accepts optional property options

smoothButtonsTransition - When it is true, we try to smooth the transition between showing and hiding buttons.
This happens when using the button on multiple pages 😊

import { WebAppProvider, MainButton, BackButton } from '@vkruglikov/react-telegram-web-app';

<WebAppProvider
  options={{
    smoothButtonsTransition: true,
  }}
>
  <Page>
      <MainButton {...} />
      <BackButton {...} />
  </Page>
  <Page>
      <MainButton {...} />
      <BackButton {...} />
  </Page>
</WebAppProvider>

So we save you the extra 'hide' call

Added tests 🧪

I covered all components and hooks with tests, so it's much safer now

Fixed incorrect WebApp interfaces

Some hooks like useExpand return incorrect types. It's been fixed

Summary

These small changes are a big step in the development of the package. 😊
The full list of changes can be viewed here
https://github.com/vkruglikov/react-telegram-web-app/releases/tag/v2.0.0

Enjoy the new update! 🥳🎉

[milushov]

Awesome work, man! Thank you 🔥🔥🔥

[Nasseratic]

Amazing work 🎉