Dmitry Rogozhny
@dmitryrogozhny
Contributed IDE list
No IDE contribution for now
User's comments
0
articles
How to Use React Context
In this article we will look at how to use React context to share information globally between multiple components. This is useful in cases when some data should be available to different components in your application. Currently logged in user, selected visual theme, and current locale are good…Jan 8th 2020How to Start Using React Testing Library
Testing components is a great way to ensure that your React application works as expected. This is especially useful when there are continuous changes to components that may break things. With proper tests, we can be confident that our application is always ready for deployment. The React Testing…Jan 17th 2020Using the Formik Library for Forms with React
In this article, we're going to look at the Formik library which makes working with forms in React easier. It helps to store form values, validate input, and process form submit. Let's start by adding the Formik to a project. This can be done with npm or yarn: After that, we can import the Formik…Jan 8th 2020Using setState in React
This article shows how React components can use state to store information. This can be useful when a component needs to save some data in addition to props provided by a parent component. For example, a form component can store values entered by a user or a calendar component can store a selected…Jan 8th 2020Using Semantic UI in React Applications
In this article you'll learn how to start using Semantic UI in your React applications. We'll see what is available with Semantic UI and how to work with this framework in React. Semantic UI is a framework that helps to build web applications. It provides a set of components for your applications,…Jan 17th 2020React select
In this article, we’re going to look at the react-select component. This is a select input React component with rich functionality. You can use it in your projects when the functionality of a standard select control is not enough. React select allows to select single or multiple values, search for…Jan 8th 2020Getting Started with Material-UI and React
In this article, we're going to look at how to start using the Material-UI React components. It is an open-source project that provides ready to use React components for building web applications. Material-UI is based on the Material Design from Google, however, you can style components up to your…Jan 8th 2020How to Display Modal Dialog in React with react-modal
In this article, we will learn how to display a modal dialog in React applications using react-modal. We will see how to configure and style modals with it. We will also consider other ways to display modals available in React and when to use each of them.Jun 2nd 2020Using react-portal to Show Modals and Alerts in React
In this article, we will learn how to use the react-portal for displaying modal messages in React applications. We will learn how to add and configure the component. We will also consider available alternative solutions and when you might want to use them.May 26th 2020Quick Introduction to Styling React Components with Emotion
In this article, we will see how to style React components with Emotion. We will learn how to add, configure, and use Emotion in React applications.Apr 7th 2020
How to Render Markdown in React with react-markdown
In this article, you will learn how to use Markdown in React applications using the react-markdown library. We will see how to render and control the look and feel of your Markdown markup.Apr 7th 2020When to Use and When to Avoid Using React Helmet
React Helmet is a small library that helps to manage the document head. In this article we will see how to add React Helmet to a project and how to use it. We will learn when React Helmet may improve React applications and when it's not an optimal way in React.Mar 24th 2020
How to Show Google Maps in React Applications with google-map-react
In this article we will look at how to display interactive Google maps in React applications using google-map-react. We will see how to add and configure this library, display Google maps with it, and also display markers on a map.Mar 18th 2020
How to Show Data Grids with Bootstrap Theming in React with React Bootstrap Table
Data grids are a popular way to display information on the web. In this article, we will see how to display data grids with Bootstrap styling in React applications. We will use React Bootstrap Table that helps to display tables with Bootstrap theming support, sorting, filtering, paging, and other features.Mar 10th 2020
Quick Introduction to Displaying Charts in React with Chart.js and react-chartjs-2
In this article we will look at how to display charts in React applications. We will use Chart.js and react-chartjs-2 libraries for that. We'll see how to add them to a project, configure, and display charts.Mar 10th 2020
How and When to Use Inline Styling in React
In this article, we will look at a way to style React elements called inline styling. We will learn when to use it and what alternative approaches are available.Mar 6th 2020How to Show Carousel in React Applications with React Slick
In this article, we will look at how to add a carousel to a React application using the React Slick library. We will see how to add a carousel, configure and style it.Mar 5th 2020
4 Ways to Show Tooltips in React with react-tooltip, Material UI, Bootstrap, or Semantic UI
Tooltips are a great way to provide additional context for elements in your application. In this article we will see how to add tooltips to your React applications using four different libraries: React Tooltip, Material UI, Bootstrap, and Semantic UI.Mar 2nd 2020
Quick Introduction to Internationalization in React with react-intl
In this article we will see how to internationalize React applications with the react-intl library. React Intl helps to translate React applications. It provides components and API to format strings, dates, and numbers.Mar 2nd 2020
How to Add Month, Week, or Day Calendar in React with FullCalendar
A full-sized calendar is a great way to display events, simplify meetings scheduling, or organize access to shared resources. In this article we will see how to add a full-sized calendar to a React project with FullCalendar. We will see how to add the FullCalendar to a project, configure, localize and style it.Feb 20th 2020
courses
dmitryrogozhny hasn't published any courses
books
dmitryrogozhny hasn't published any books