Did you know that apart from import and require there are some Webpack specific methods that you can use directly in your components to import files you need? Let me tell you the story of how I figured it out.

Using Require to load images

In our codebase, we had a component that rendered some logos in the footer.

It looked something like this:

What is react-vis?

React-vis is a React visualization library created by Uber. With it you can easily create common charts, such as line, area, bar charts, pie and donut charts, tree maps and many more.

React-vis is a good option because it is:

  • Simple
  • Flexible
  • Integrated with React.

In this article I want to show how to build a simple line chart using react-vis.


First of all you need to install react-vis on your project. For demo purpose I used an empty project created with create-react-app.

Installing react-vis is as easy as npm install react-vis --save


Of course it is supposed that you…

Scope is a set of rules which defines from where and how the variable could be accessed(or couldn’t). Javascript has a lexical scope which means that scope is based on where functions are declared(not invoked). It is defined during the compilation time.

Executional context refer to where and how the function was invoked and is created during the execution time. Context has nothing to do with the lexical scope.

Understanding both context and scope is important for a JavaScript developer. For further reading check this article on scopes and this article on this keyword. For even more details you could also check “You don’t know JS. Scope and closures” and “You don’t know JS. This and object prototypes” books by Kyle Simpson.

Enjoying the books

Thank you for reading!

Please don’t hesitate to clap if you like this article!

for those who study web development

As already discussed in my previous post to my opinion online course is a good place to start your acknowledgement with coding. Why? Because most of them are designed for beginners and are really good in sparking an interest about programming.

To find a course simply google it. You may found a course or a list of recommended courses created by someone. For example I recently found this pretty long list of free courses.

But I want to go ahead and create my own short list of courses I recommend.

  1. Codecademy
  2. Udacity
  3. Codeschool
  4. Nodeschool

Before I started to code I used to travel a bit and before that I studied at University of Economics in Ukraine. Though I took a course of higher mathematics while studying my background is not really technical. That is why I’m often being asked about how I managed to switch from economics to front end. Other popular questions are where to start learning programming, how difficult is it, and how to understand if coding is actually right thing for you.

Is programming for me?

Well, you never know if something is a right thing for you unless you try it. In my opinion…

Hello my dear coding friends! My name is Nataliia and I am front end developer from Ukraine, currently I live in Amsterdam, the Netherlands.

I decided to start this blog because I want to have even more fun from my programming life as well as to be even more involved with amazing group of people called front end community! Here I will share some of mine ideas and opinions as well as cover the topics I found important and interesting. In this first post I want to introduce myself.

About 3 years ago somewhere in Facebook I happen to stumble…

Shyianovska Nataliia

Front end developer based in Amsterdam. Here I write about my life as a web-developer, advise on how to get programming skills and share all kind of ideas.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store