antd🌈 A UI Design Language and React UI library
I've stoped to use antd after their xmas-eg here is a link https://blog.shunliang.io/frontend/2018/12/25/the-ant-design-xmas-egg-that-went-wrong.html. It was my number one tool when I use React. But I switched to material-ui now.
@storybook/react📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
It was useless when we have <10 comments. But we we come up to create a custom design system it is a necessary tool that helps you to tract how your components change over time and see them in different combinations. Definitely better than look at all your pages to see how it look. Also you can find some good extension that that can make it even better.
axiosPromise based HTTP client for the browser and node.js
I've use this tool both for professional and pet projects. It is easy to start using it and create your first request. If I want to check some API but from browser I use this tool. Also I had a problem with loading status back in 2019. I am not sure if it was solved.
For our internal team and collaboration panel we use Nuxt.js (with TypeScript that is transpiled into ES6), Webpack and npm. We enjoy the opinionated nature of Nuxt.js over vanilla Vue.js, as we would end up using all of the components Nuxt.js incorporates anyways and we can adhere to the conventions setup by the Nuxt.js project, which allows us to get better support in case we run into any dead ends. Webpack allows us to create reproducable builds and also debug our application with hot reloads, which greately increased the pace at which we are able to perform and test changes. We also incorporated a lot of testing (ESLint, Chai, Jasmine, Nightwatchjs) into our pipelines and can trigger those jobs through GitLab CI. All packages are fetched through npm, so that we can keep our git repositories slim and are notified of new updates aswell as reported security flaws.
puppeteerHeadless Chrome Node.js API
I work in a company building web apps with AngularJS. I started using Selenium for tests automation, as I am more familiar with Python. However, I found some difficulties, like the impossibility of using IDs and fixed lists of classes, ending up with using xpaths most, which unfortunately could change with fixes and modifications in the code.
I've used TF as a tool to run models in browser. I can't say it easy easy. But for some small models it is a great tool as you would run model on a client side so it would run faster for real time interactions if you compare it to one when you did a request to a server and there you run your python code. I played only with simple one models, but in a plan something hard. They have bunch of good examples that also helps to understand how to use tool. Also maintainers accept your PR or give a good feedback.
cypressFast, easy and reliable testing for anything that runs in a browser.
I've used to make end-to-end tests for a Vue.js app. It was easy to use. Also it is easy to debug a test since you can run it and see what test is doing. Also, we created a presentation video and use cypress as a tool. I would say the learning curve is downfall of this tool. Is isn't hard to learn how to use it, but it takes time when it comes easy to create new test.
I've used this tool as an alternative to Python's pandas. The interface is quite similar. You can solve basic Titanium problem with it. Also it is a great tool if you use it with TensorFlow as I did for my pet project. I didn't spent much time on transiting data from csv to TensorFlow tensors beaches Danfo.js already use TensorFlow under the hood.
react-beautiful-dndBeautiful and accessible drag and drop for lists with React
We used this library as an alternative to react-dnd. Maintainers would accept your suggestions if it is satisfy their code-of-coduct requirements. Also, we use it for lists. It support dynamic change of list directions wha was really useful when we start to support mobile paltform.