What’s new in Handsontable Data Grid: July 2022
Tags: javascript, webdev, react, spreadsheet
Published: 2022-07-19 08:40:36

![A cover image of the article about the news at Handsontable JavaScript data grid](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uvtup0v4ycnbde1nf3kr.png)

Welcome to our new series where Marcin Warpechowski and Chris Spilka recap last month’s happenings at Handsontable and its community.

If you’d like to share something of note to include here, please don’t hesitate to mention us on [Twitter](https://twitter.com/handsontable).

## New release: v12.1
At the end of June, [we rolled out the latest release](https://handsontable.com/blog/articles/2022/6/handsontable-12.1.0-data-grid-new-hooks-new-translations-and-rendering-improvements) of the data grid. This update includes:

- Four new hooks and two new translations (Serbian and Czech)
- Improved row/column manual moving
- Dynamic positioning of comment pop-ups
- Improved Handsontable’s support for Parcel 2 and React 17+, and more

[Read the blog](https://handsontable.com/blog/articles/2022/6/handsontable-12.1.0-data-grid-new-hooks-new-translations-and-rendering-improvements) for more details.

![Improved positioning of cell comments](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sg3olxwiq5vve1wh5sa4.gif)

## What’s coming to v12.2
We don’t stop working in the summer, but it’s definitely a time when we all slow down for a moment; therefore, there will be no new releases in August. By mid-September, we’ll be rolling out v12.2, which should contain **improvements for the focus management**, better support for **custom renderers and validators in React**, better behavior in **flexbox** in some scenarios, and miscellaneous bug fixes.

We are pleased to announce that we are days away from introducing our new documentation tailored specifically to **React developers**. With its vibrant and influential community, we realize that React is here to stay for a very long time!

## Community projects and mentions
From time to time, we stumble across interesting projects created by the community. We want to take a moment to highlight some of them here:

- [Álvaro Trigo of fullPage.js, on making a living using OSS](https://podcast.sustainoss.org/116) (Handsontable spotlight is at 00:36:12)
- [CSV editor](https://edit-csv.net/) (by Dähne Solutions)
- [Data uploader based on Handsontable](https://chartcube.alipay.com/upload) for ChartCube (by Alipay)
- [End-to-end spreadsheet importing flow](https://codesandbox.io/s/dromo-js-example-nu968) — interactive demo in CodeSandbox (by Dromo.io)

One voice that stood out was [Michael Yagudaev](https://twitter.com/yagudaev) on Twitter, who reported issues connected to how we render the grid in React. Thanks, Michael! Feedback like this helps us focus on what matters, which, in this case, would be the React wrapper and our API.

## Giving back to Open Source projects
Since last month we have been proudly sponsoring efforts of some outstanding open source projects, namely: [Vue.js](https://vuejs.org/), [Babel](https://babeljs.io/), [Webpack](https://webpack.js.org/), [Svelte](https://svelte.dev/), [Parcel](https://parceljs.org/), and [SolidJS](https://www.solidjs.com/).

Thanks for making Handsontable possible! 🎉

## Case study: Mealplana
Our colleague, Peter Plesa, recently interviewed Diego Oliveira Sanchez, who used Handsontable while working on the meal plan generator for [Mealplana](https://mealplana.com/).

> _We’re a two-person company, so we’d never be able to develop such an advanced data grid._ — Diego Oliveira Sanchez

[Read the interview](https://handsontable.com/customers/magosoft)

![Mealplana’s main feature is creating meal plans](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nnc6l3vyic5ss3wmj4j7.png)

## Conferences: RenderATL 22'
During the pre-COVID times, we enjoyed meeting our Handsontable community at meetups, conferences, and exhibitions. We really missed these in-person interactions with you all, so the moment we could travel again, we attended [RenderATL](https://www.renderatl.com/) in Atlanta.

We received a warm welcome at Atlanta’s RenderATL conference and events. RenderATL was inclusive, vibrant, fresh, and packed with insightful speakers and workshops.

Our main takeaway is that new frameworks are disrupting and changing the way we build apps, with the pole position already taken by [Remix](https://remix.run/), founded by [Kent C. Dodds](https://twitter.com/kentcdodds), who also ran an in-depth workshop on his framework and React. Another project with huge potential is [Blitz](https://blitzjs.com/) (founded by [Brandon Bayer](https://twitter.com/flybayer)).

![Workshops with Kent C.Dodds, the creator of Remix framework, during RenderATL 22'](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wm0i6r0hnbu1ap3ixrq2.png)

## New policy: Less breaking changes
Fast forward to our internal discussion early this year regarding our release policy. We have received feedback from the community that our efforts to improve Handsontable are helpful. However, the major releases are rolled out too often as each version requires time to read through the migration guide, modify code and update all environments.

Following this feedback, we have decided to update our policy to roll out a **maximum of 2–3 major releases per year**. Minor releases will not be affected by this change; we will be rolling out more minor releases in the upcoming months.

## Handsontable team timeout
These days, most of our team work remotely, making opportunities like the recent team building especially important for maintaining a collaborative team spirit for our team of 21-people.

> _Clients do not come first. Employees come first. If you take care of your employees, they will take care of the clients._ — Richard Branson

![A bumpy road to success. Handsontable team nailed it!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b3d5osz3ecek0mpihnbw.gif)

##PS We’re hiring!
We’re looking for a talented Node.js Developer. Want to build the most developer-friendly data editor in the world with us? Just DM us on [Twitter](https://twitter.com/handsontable) or email us at careers@handsontable.com.

## New to Handsontable?
For those of you who have never heard of Handsontable, Handsontable is a data grid component written in JavaScript. Handsontable truly shines when it’s used as a part of an application to collect data from external sources or edit existing data residing in the database.

Handsontable first appeared on GitHub in 2012 and has been developed and maintained by the community and our team ever since.

All our packages are on [npm](https://www.npmjs.com/package/handsontable), so depending on the framework you use, you can install it as follows:

- [React](https://handsontable.com/docs/react): `npm install handsontable @handsontable/react`
- [Angular](https://handsontable.com/docs/angular): `npm install handsontable @handsontable/angular`
- [Vue.js 3](https://handsontable.com/docs/vue3): `npm install handsontable @handsontable/vue3`
- [Vanilla JavaScript](https://handsontable.com/docs/installation/): `npm install handsontable`

_Cheers, Marcin & Chris_