Originally published at nikolovlazar.com

What is Next.JS

Next.JS is an amazing React framework created by Vercel. It allows the developers to create Server-side, Client-side or Static websites. Unlike the other frameworks, the rendering in Next JS is per page. That means, the “about” page can be static, while the “home” page can be server-side. Next JS is on the rise, loved by the developers, and my favorite React framework so far.

If you want to learn more about website rendering, read my other post here.

Environment

This article covers the debugging process using Visual Studio Code. …


Some tips for the designers and developers on how to improve the design handoff.

Originally posted at nikolovlazar.com

Intro

To build an awesome and successful digital product you need to do a lot of things. Things like planning, market research, build a prototype, design it, code it, ship it etc… To go through this whole process you need to go through lots of handoffs and team communications. One of the more painful handoffs is the Design-to-Development Handoff.

This happens because usually, the design and development happen in 2 separate teams. The design team handles creating the design system, user interfaces, graphics and visuals. The dev team turn the design deliverables into a functional product.

So what is Design-to-Development Handoff?

Design…


Originally published at nikolovlazar.com

Meet Uxcel

A few weeks ago I stumbled upon Uxcel, an app that teaches you UX/UI. It looked really clean, so I decided to give it a go. The app has a Course, Lesson of the Week, and a UEye Training sections.

First I finished the UX/UI Design Foundation course. It has 6 levels which covers pretty much everything, like Color Theory, UI Design Principles, Typography, Iconography, Terminologies, Animations etc… The app’s teaching method is fun. It shows you either 2 different images and you need to select the correct one, or 1 image with multiple answers. …


Originally published at nikolovlazar.com

A little history

Back in the days, rendering a website was simple. You needed a web server that served HTML files. Those were static sites. Then developers started using databases and authentication. To achieve that, they needed to manipulate the HTML file before serving it. That’s how server-side rendering was born. Let’s fast forward until 2010, when Backbone got released. The front-end got richer and more complex. Then the era of client-side applications begin. Developers migrated their data and routing logic to the client side. They could, because Google “understood” JavaScript. The servers became slimmer, but the websites became…


Achieving better looks with Custom Renderers.

Xamarin Forms is great. It provides us all of the essential UI elements that a simple app can have. But in most of the cases, we do want to customise our UI to suit our branding, or just simply make it prettier. We can achieve that by creating custom renderers for every platform (we’re going to focus on iOS and Android only).

So let’s say we want to extend the looks of the ListView to show something like this:


Smarter project structure for apps with multiple platforms.

Let’s say you’re developing a same Android app for Android Mobile, Android TV, Android Watch, and you start to notice that most of the code is repeating, for example API calls and models, POJO classes for JSON parsing, common constants that are used across all the apps etc… Well there’s a cool way to share those chunks of code!


Having the right tools is crucial for your product and its quality.

There are thousands of third-party SDKs that promise various functions and abilities. Some of them are good, some of them are great, but a few of them are slowly becoming essential tools and developers start to chose them by habit. Here’s some of those SDKs:

1. Twitter’s Fabric

Lazar Nikolov

Full-stack engineer | UX/UI Designer. Working @ codechem.com

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