Andreea Macoveiciuc
@andreeamaco
Content strategist & marketer. Front end developer.
Contributed IDE list
No IDE contribution for now
User's comments
0
articles
React Carousel: Building the Component from Scratch vs. Using a Library
In this tutorial, I'll show you how to create a simple React carousel from scratch, using hooks, and how to build the component using the React-slick library.Apr 5th 2021
React Dropdown Tutorial for Beginners: Create a Dropdown Menu from Scratch
In this hands-on tutorial, I’ll show you how to build a React dropdown menu from scratch, without any library. We’ll cover: how to get the selected value from the dropdown, and how to create the dropdown with both functional and class components.Jan 12th 2021
How to Create a React Form: Controlled vs. Uncontrolled Components
In this article, we'll cover two ways to create React forms: the HTML way, with uncontrolled components, and the best practice, with controlled components.We'll discuss concepts such as: what are controlled and uncontrolled components, main tags used in a React form, and form validation and submission.Nov 29th 2020
How to build a React drag-and-drop component for file upload
In this article, we’ll build a simple React application for dragging and dropping files. We'll make use of the HTML5 drag-and-drop API and we’ll discuss the useReducer hook for managing state.Jul 25th 2020
How to Use React onClick Events in Class and Functional Components
In this article, we’ll cover the basics of React onClick events and we’ll learn to handle click events in class and functional components. We’ll discuss the differences between JavaScript and React click events, the syntax of event handlers, and binding event handlers to the this keyword.Jun 23rd 2020How to handle navigation in your app with React Router Link
In this article, we'll explore the navigation possibilities in a React app and we'll take a look at the React Router Link component. We'll discuss: the approach and prerequisites when handling navigation with React Router, why Link is preferred over a simple a tag, and how to implement React Router Link and its variations, NavLink and Redirect.May 29th 2020
Essential React Lifecycle Methods for Class Components
In this article, we'll look at three of the most used React lifecycle methods for class components - componentDidMount, componentDidUpdate and componentWillUnmount, and we'll briefly discuss their applications and alternatives. For each method, I'll give a practical example so that you can see it in action.May 15th 2020The Ultimate Guide to Storybook for React Applications - PART II
In Part I of this guide, I've covered the basics of Storybook and explained what this tool is, what it does and how it's used by product teams. Now that we know the theory, we can see how Storybook works in practice by building a small application. May 8th 2020
The Ultimate Guide to Storybook for React Applications
In this article, you’ll get an overview of what Storybook is, its use cases and how to integrate the tool into your front end project. I’ll cover the big picture, then we’ll dive deeper into Integrating Storybook into a React app, Building a design system, Testing your components in isolation and Deploying the application. Apr 20th 2020
courses
andreeamaco hasn't published any courses
books
andreeamaco hasn't published any books