Latest post

React Image Filter

02 Sep 2017

Muffin Man's writings

or the front end playground

Front end development, maybe occasional rants and music.

Work&Co Tech Meetup Vol 6

Another tech meetup coming up. This time we have three great talks about engineering and project planning. We also have a special guest - IT girls team.

The IT Girls team will share their advances in promoting the professional development of women in technology in Serbia.

This one will be held on Tuesday, May 16th at Impact Hub Belgrade. See you there!

Work&Co Meetup Tech Meetup Vol 6

Check the details and sign up at meetup.com page.

Talks

  • Docker IRL, Miloš Pavlićević

    Find out how to incorporate Docker into your deployment/delivery process, with images! (pun intended)

    Slides

  • Javascript Unit Testing, Sarah Mogin

    Learn the value of testing your Javascript applications and the tools and techniques for effective testing. We’ll focus on how to test React components, selectors, reducers, and sagas using the Jest and Enzyme libraries.


    Slides

  • Introduction to React Native, Zeh Fernando

    We had last minute change, and replaced Nemanja’s talk (Plan Smart) with Zeh’s great introduction to React Native.

    Slides

Read more

Nicer git log

Just a short one. I want to share a simple command to display nicer git log in the terminal. git log has --pretty=format option built-in, we are just going to pass formatting to it.

git log --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset'

And it looks like this:

Nicer git log

Then add it to your .bash_profile as an alias (I’m using glog) and that’s it.

alias glog="git log --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset'"

Being a tech lead, the thing I miss the most

I started leading teams relatively early in my career. Mentoring and leading younger developers is something I tremendously enjoy. But there is one thing I really miss about being a “regular” developer.

And that is - being able to put my headphones, play some rock ‘n’ roll, and code for a couple of hours without any distractions.

Something that is almost impossible today. I’m not complaining, but the truth is that I really miss it. Luckily, I can fulfill my geek needs working on pet projects.

Cheers!

React animate height (slide up/down) component

Most JavaScript developers used jQuery’s .slideUp() and .slideDown() methods, and got used to them. As component based frameworks usually do not include such functionality, the first logic choice is to turn to CSS. But alas, CSS transitions do not work with height: auto. (Transitions can do a tween only between two numeric values.)

As we use this a lot in our company, I tried to find React component that does it. Found a couple, didn’t like them, as most of them rely on a tone of dependencies. Again, I decided to write my own - small, fast and with no dependencies.

Demo

You can see it live here. Same page has the documentation and links to the npm and GitHub.

Component can animate from (and to) 0 (collapsed), auto (expanded), and to any specific value in pixels.

Read more

Couple of talks I really liked

In this post you can find seven talks I really liked in no particular order, most of them development related. I’ll explain why I liked them, and why I should recommend watching every single one of them.

Every talks is embedded, but link to a website or youtube is included as well.

Please comment with the talks you think are worth watching.

Read more