Export multiple charts to PDF with React and jsPDF
How to export multiple charts into multipage pdf document with React.js, Highcharts and jsPDF.
Writing archive
Notes from building things.
Tutorials, technical explorations, and stories gathered across full-stack web and mobile development.
31 posts
How to create custom reusable ESLint, TypeScript, Prettier config for React apps
How to create a custom reusable ESLint (for TypeScript) and Prettier config and publish it as npm package. And how to add Husky and lint-staged packages to React project.
Next.js Dashboard layout with TypeScript and Styled components
How to create a classic Dashboard layout that includes a header, footer, menu drawer (sidebar) with toggle, multilevel nested menu and content using Next.js, TypeScript and Styled component.
Next.js, Material UI, MongoDB Personal Dashboard
Overview of how I built the dashboard for my personal projects using Next.js, Material UI, MongoDB, with dev.to, GitHub, Twitter, and npm API integration.
React Native Internationalization with i18next
How to add internationalization functionality to a React Native app using i18next library.
React: enable Google Analytics after a user grants consent
How to conditionally enable Google Analytics tracker depending on a user's prior consent.
Dashboard layout with React.js and Material-UI
How to create a classic Dashboard layout that includes a header, footer, menu drawer (sidebar) with toggle and content using React.js and Material UI.
React: How to create a custom Button Group component in 5 minutes
How to create a custom Button Group component in 5 minutes from scratch with selection (active button) functionality using React.js.
How to write and use custom hooks in React.js
Tutorial about how to write custom hooks in React.js. In this tutorial, we will write hooks for smooth scrolling, document title update, and browser URL change.
Javascript: How to access the return value of a Promise object
How to return a value from a Javascript's Promise object and then use it later in a code.
Render, update, and transform Excel spreadsheet data into an array of objects using React.js
@ramonak/react-excel library to render, update, and transform Excel spreadsheet data into an array of objects using React.js
How to develop a custom Google Analytics Dashboard using Google Analytics Reporting API v4 and React.js
The blog post about how to enable Google Analytics Reporting API in Google developers console, create OAuth 2.0 client ID and develop a custom Google Analytics Dashboard using React.js.
How to publish a custom React component to NPM using Create React Library
How to create a custom React component and publish it to NPM using create-react-library.
React: How to create a custom progress bar component in 5 minutes
How to create a custom progress bar component in 5 minutes from scratch with animation
How to upload a file to Amazon S3 in Java (using Vaadin framework)
How to upload file to Amazon S3 in Java, but with UI build with Vaadin framework
React: how to dynamically sort an array of objects using the dropdown (with React Hooks)
How to dynamically sort an array of objects using dropdown and React Hooks and render it in React
Javascript: how to merge multiple objects with sum of values
Short blog post about how to merge multiple objects with the sum of property's values in Javascript.
React Context API: updating Context from a nested component (in functional components with Hooks and class components)
How to update React's Context from a nested component in two ways: using functional components with React Hooks and using class components.
Tabata - Fitness App: my first personal project
This blog post is a story about development of my first personal project: Tabata - Fitness App.
Vaadin: Drag and Drop Feature
In Vaadin 14.1 generic drag and drop feature was introduced. This blog post is a review of this feature based on the example of developing a simple football coach app.
Vaadin – Keycloak – Spring Security integration
The seventh (last) part of tutorial series Spring Boot – Vaadin – Keycloak – Spring Security Integration.
Spring Boot – Keycloak – Spring Security integration
The sixth part of tutorial series Spring Boot – Vaadin – Keycloak – Spring Security Integration.
Keycloak: clients configuration
The fifth part of tutorial series Spring Boot – Vaadin – Keycloak – Spring Security Integration.
Keycloak: adding roles and users
The fourth part of tutorial series Spring Boot – Vaadin – Keycloak – Spring Security Integration.
Keycloak server installation and Realm creation
The third part of tutorial series Spring Boot – Vaadin – Keycloak – Spring Security Integration.
Setting up Vaadin Spring Boot Frontend App
The second part of tutorial series Spring Boot – Vaadin – Keycloak – Spring Security Integration.
Spring Boot – Vaadin – Keycloak – Spring Security Integration
The first part of tutorial series Spring Boot – Vaadin – Keycloak – Spring Security Integration
How to Deploy Vaadin 14 App To Heroku
Blog post about how to deploy Vaadin 14 application to Heroku Cloud.
What is Progressive Web App (PWA)
Progressive Web Application (PWA) is an application software, that combines regular web pages and native mobile apps. It gives users a native-like experience by making a web application function like a desktop or mobile app.
Top 10 Women In Tech Business
The list of TOP 10 the most powerful and inspirational women in tech industry in USA.
Top 5 Benefits of Having a Website
Why it is important to have a website for a small business.