ilonacodes
Patreon
Investor Profile
Contact

Financial tips and advice on investment for developers:
"Learn how to free extra monthly cash from your dev-salary for investment"

There are so many different ways to free money for investments without thinking of getting another job. Download my Top-15 cash-freeing tips cheat sheet.

Get my 15 Tips to Invest More Cash Monthly!

My name is Ilona, and I'm a software engineer, founder, and blogger who is (besides programming) also passionate about startups, finance and investment

"I like to work hard for things that are worth it."
The latest articles:
How Developers Can Get Symbols From Stock Indexes With Python
Bitcoin Profit Calculator For Developers
How to Invest in a Volatile Stock Market: 5 Investment Strategies for Developers

19
Jan
2019
#web
#reactjs
#javascript
#storybook
#tech

Styling Form With Different States And Storybook

19 Jan, 2019

source: Photo by Goran Ivos on Unsplash

There are a lot of different and efficient ways how to improve web app development speed while implementing and testing new features. One of them is to be able to reuse UI components.

Read My Full Post
Tags | #web #reactjs #javascript #storybook #tech
11
Jan
2019
#web
#reactjs
#reactstrap
#bootstrap
#tech

Harnessing the power of Bootstrap in React with Reactstrap

11 Jan, 2019

source: bit.ly/2TJDcVt

Nowadays there are a lot of UI frameworks for React like Bootstrap, UIKit, Semantic UI and so on. Depending on the project complexity and requirements, you decide which front-end framework would be used because the main reason is to ease your development process.

Read My Full Post
Tags | #web #reactjs #reactstrap #bootstrap #tech
4
Jan
2019
#web
#reactjs
#javascript
#graphql
#tech

What are GraphQL and its schemas

4 Jan, 2019

source: Photo by Daniel Cheung on Unsplash

The last days I am spending time on learning GraphQL and how its clients communicate between frontend and backend application parts.

Read My Full Post
Tags | #web #reactjs #javascript #graphql #tech
28
Dec
2018
#web
#reactjs
#javascript
#hooks
#tech

Let’s implement: Progress Bar With React Hooks

28 Dec, 2018

source: Photo by Roman Kraft on Unsplash

After React Hooks introduction at React Conf October 2018 I decided to learn this approach how to use state and side-effects in React functional components.

Read My Full Post
Tags | #web #reactjs #javascript #hooks #tech
24
Dec
2018
#web
#reactjs
#javascript
#tech
#ux

Hacking User Testing With ReactJS

24 Dec, 2018

source: https://bit.ly/2T8OJxc

There are many tools available for designers to create beautiful user interfaces and user experiences. And today I want to share another approach on how to build interactive design prototypes with ReactJS and why.

Read My Full Post
Tags | #web #reactjs #javascript #tech #ux
19
Oct
2018
#ux
#chatbots
#development
#tech
#ai

Why Should We Create Conversational Experiences For Our Applications?

19 Oct, 2018

Photo by Alex Knight on Unsplash: https://bit.ly/2Irl4K1

These days, we are bridging the communication gap between human and computer. The next big thing is a conversational interface — the era of natural language processing. To highlight the point, nowadays there are two kinds of a conversational interface — virtual assistants (Siri, Alexa) and chatbots (like Slackbot, Telegram), which through “human” experience help end user to complete the specific task.

Read My Full Post
Tags | #ux #chatbots #development #tech #ai
11
Oct
2018
#web
#react
#javascript
#props
#tech

How to Avoid Duplication of Common Wrapper Behavior in React Using Children Prop

11 Oct, 2018

source: bit.ly/2xzBpaF

When I was learning React there were a couple things that I couldn’t clearly understand and one of them was children prop. That is until I faced the problem similar to the following one.

Read My Full Post
Tags | #web #react #javascript #props #tech
6
Oct
2018
#web
#react
#javascript
#carousel
#tech

Simple Image Carousel with React

6 Oct, 2018

source: bit.ly/2CtMqAO

Here we are! Due to my master thesis at the university, one of the requirements is the implementation of an interactive mockup for the university WebTV platform. So, I decided to make it with React.

Read My Full Post
Tags | #web #react #javascript #carousel #tech
2
Oct
2018
#data
#react
#javascript
#redux
#tech

Simple State Machine with Redux

2 Oct, 2018

https://bit.ly/2wIeeNU

The last days I am working on the project, which should include the state machine. Implementing this project with React, I decided to use the Redux framework to manage state in my React application. Moreover, thanks to redux store we can debug data (in one place) easily.

Read My Full Post
Tags | #data #react #javascript #redux #tech
9
Aug
2018
#app
#css3
#label
#react
#webdesign
#tech
#JS

Creating Floating Label/Placeholder for Input with React

9 Aug, 2018

source: https://www.pexels.com/photo/several-assorted-color-tags-697059/

To make the application fancy, front-end web developers usually visualize it using animations or other effects. And now I am going to explain one of the methods how to apply the most famous floating label effect to the input field with React.

Read My Full Post
Tags | #app #css3 #label #react #webdesign #tech #JS

My name is Ilona, and I'm a software engineer, founder, and blogger who is (besides programming) also passionate about startups, finance and investment

"I like to work hard for things that are worth it."
The latest articles:
How Developers Can Get Symbols From Stock Indexes With Python
Bitcoin Profit Calculator For Developers
How to Invest in a Volatile Stock Market: 5 Investment Strategies for Developers

  • ««
  • «
  • 1
  • 2
  • »
  • »»
Imprint
Privacy Policy
© 2021 ilonacodes
© 2021 ilonacodes
Imprint
Privacy Policy