Photo by Sergey Zolkin on Unsplash

Have you ever went to a Pizza restaurant, where the restaurant only has few waiters with a lot of visitors, so you will wait for the waiter to serve you, or have you ever ordered a Pizza from an online site where it needs to choose Pizza first, then you can choose the drink? which will require you to fill this step

  • Choose Pizza Type
  • Choose Pizza Sauce Base
  • Choose Topping
  • Choose Pizza Size
  • Choose Beverages
  • Choose Desserts

Case: Naufal want to get a Pizza from Sliced Pizza


Photo by Alex Kotliarskyi on Unsplash

Other ways of describing this new way of solving problems include the analogy between an imperative programmer as “a cook or a chemist, following recipes and formulas to achieve a desired result” and the object-oriented programmer as “a Greek philosopher or 19th-century naturalist concerned with the proper taxonomy and description of the creatures and places of the programming world.”

Based on my experience, when it comes to Competitive Programming / OOP Code Interview. The user mostly asks what language are going to use for cracking this problem. If you use JavaScript and you don’t fit the syntax, how Prototype works…


Photo by Thunder Client

Almost 2 years that I've been in the Professional Software Engineering industry, once my senior taught me that I need to use Postman and create Swagger while testing API. So, I started looking at the other API Platform for Testing, while I always use VSCode as my IDE, I think it would not be perfect if I don't have a lot of extensions in my VSCode. 1 month ago, I found this extension somewhere, called Thunder Client.

Where this helps me soo much to test my API without opening other applications, A one-stop solution for developing API, of course, it’s…


Photo by Clement Helardot on Unsplash

The computer has absolutely no problem dealing with the most complicated, unreadable, and convoluted if-else statements. But people do. Complicated rules usually mean that the person who wrote it has a poor understanding of the problem, the abstract concepts, or the programming language. Such code is fragile — difficult to debug and likely to break. …


Design patterns help combine experiences of many developers to structure the codes in an optimized manner that meet the problems we are seeking solutions to, and gives common vocabulary used to describe solutions to our problems than describing the syntax and semantics of our code.

JavaScript design patterns assist developers to write organized, beautiful and well-structured codes. Although design patterns…


CSS-in-JS libraries provide us with a new approach for writing CSS. They aim to tackle the limitations of CSS, such as the lack of dynamic functionality, scoping, and portability. In spite of its advantages, CSS-in-JS is a controversial technology, as many developers ask if it’s worth further complicating front-end development.

This article intend to give you a high-level overview of CSS-in-JS libraries…


Credit: drkvogel & Aftab22: https://stackoverflow.com/questions/27991366/what-is-the-difference-between-state-and-props-in-react

One of the most confusing topics when first learning React is when to use state vs props. They seem to both do very similiar things, and many times look like they are used interchangeably. I will also be using specific examples to explain when to use state and when to use props.

What does Props mean?

In simply way “props” means properties nothing special about this word, Well right then What makes props special?

props are passed into the components
class Hello extends React.Component {
render() {
return <h1>Hello {this.props.name}</h1>;
}
}
Hello.defaultProps = {
name…


Node JS and Kafka logo

The story tell that we are going to create some live data streaming that very huge. This was small tutorial to handle a huge data coming from our client and provide smoke performing after smoke processing.

We would like to create a simple huge live data streaming that was used by Spotify here! using Kafka , NodeJS and WebSocket.

What is Kafka?


React JavaScript by React

Why save locally?

You may not want your app’s user to login every time on launching the app. That would be cumbersome. There should be some mechanism to “remember” their situation (logged in: true or false).

Depending on what the status is you can choose to show some app screens (like a profile…

Muhammad Naufal Rachfian Djamhur

Currently working with JavaScript, Python and Go, learning as a Full Stack Engineer but DevOps wannabe

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