John Bere

4,744 Added | 1 Magazine | 253 Likes | 10 Following | 60 Followers | @johnbere | Reflipper by day. Reflipper by night.

Typical JavaScript interview exercises (explained)

Few weeks ago I found on my twitter feed a very interesting blog post: "The Best Frontend JavaScript Interview Questions (written by a Frontend …

Testing APIs Using Postman

Postman is one of the most efficient applications for testing RESTful APIs. Most developers write a simple test and check the result of the REST API. …

Software Development

Understanding The React Source Code VIII

Before we get started, I would like to respond to one common feedback from readers: “why 15.x, why not fiber?”<p>Well, simply put, because synchronous …

JavaScript

Zero-config GraphQL state management – Apollo GraphQL

Meet apollo-boost, the easiest way to start using Apollo Client<p>Recently, there have been a lot of exciting developments happening in the GraphQL …

JavaScript

Why React developers should modularize their applications?

Functional programming has become a topic of great interest to the javascript community. Developers want to build more predictable applications by …

JavaScript

Understanding JavaScript: Closures

Why learn JavaScript in depth?<p>JavaScript is one of the most popular programming languages today. It runs in the browser, it runs on the server, it’s …

JavaScript

Building an Angular 5 Application Step-By-Step

In this article, we will be building an Angular 5 application from scratch with step-by-step configuration and explanation. This single page …

JavaScript

Rebel with a CORS

As a front-end developer, I often consume various 3rd party APIs while developing. These APIs could be for weather, crypto currency prices or the …

Software Development

Advanced Validation with Angular Reactive Forms

Out of the box Angular provides a minimal set of validators but in the real world you need many many more. Validation is really important to give the …

JavaScript

Schema-First API Design

This guide introduces you to the realm of Schema-First API design and how to get started with the OpenAPI ecosystem.<p>You’re building an API.<p>You …

Microservices

Grids in Xamarin Forms Made Simple

UI, XamarinForms<p>No Comments<p>Recently I’ve been talking with some people that are having some difficulties understanding Grids, and to achieve similar …

Software Development

Introduction/Quick Guide to GraphQL: BackEnd & FrontEnd

GraphQL is an API query language. It provides a runtime to describe and query the data, no matter what the storage engine is.<p>GraphQL's benefits …

JavaScript

Exploring GraphQL and creating a GraphQL endpoint in ASP.NET Core

A few weeks ago, I found some time to have a look at GraphQL and even at the .NET implementation of GraphQL. It is pretty amazing to see it in …

Software Engineering

Deploying my first React web app to Firebase 🔥

It was on Saturday afternoon when I was banging my head for not being able to deploy my project to a server. I'm pretty much new to the React and the …

JavaScript

React Native — How Native Have You Been?

<b>React</b>or <b>React Native</b>, the hype is real and why not? A cut-throat market competition demands an agile product development lifecycle and versatile …

Software Engineering

Linked Lists — BaseCS Video Series

You might have heard about linked lists, or you might think that you're <i>supposed</i> to know about them. Maybe you do know a little bit about them, but …

Firefox

Update shouldComponentUpdate docs with advice about closures · Issue #12185 · facebook/react

New issue<p>Update shouldComponentUpdate docs with advice about closures #12185<p>Open<p>opened this IssueFeb 8, 2018· 45 comments<p>6 participants<p>self-assigned …

JavaScript

Why .NET Technologies Are Powering our Application

I've been developing at Snipcart for a year now. What started as a standard internship matured into a thrilling, full-time startup gig. Sometimes I …

Software Development

Learn to spot red flags in your React/JavaScript code

Original un-colorized photo by Artem Sapegin on UnsplashThis opinionated article will explain some of the red flags to look for when reviewing a …

JavaScript

Taming React Native’s ScrollView with flex

Time and time again I find myself fighting a ScrollView to get it to work the way I want it to. Is it flex? Is it the ScrollView? It was time I wrote …

JavaScript

Stress Testing React Easy State

The Power of ES6 Proxies<p>Last week I announced React Easy State: a state management library based on ES6 Proxies. The announcement mentioned …

JavaScript

Weekly News for Designers № 422

Get FullStory for Free, Forever. <br>10 Useful Material Design Code Snippets – A collection of Material Design snippets you can use to adopt Google’s …

Web Design

Fade in lazy loaded images with React and CSS – a quick guide

Say you want to lazy load some images on your website. You don’t want them to just pop into existence and scare the user. A nice fade in effect works …

Web Development

The Case for React-like Web Components

I dig React. My favorite feature of React is the emphasis on building small blocks of UI in JSX, and then combining those pieces together to create …

JavaScript

Why and How to Use PureComponent in React.js

React 15.3 was released on June 29, 2016 and the first item announced in the release notes was the support for React.PureComponent, which replaces …

JavaScript

Mobile First, Desktop Never

Mobile First has been a mantra of both the mobile web and mobile native development communities for a while. Articles go on with statistics about …

Google Hangout

Eight reasons to learn F#

Happy new Year! Its been over a year since I started working with F#, Learning the language and improving my skills, looking back I realize that I’ve …

react-isometric-grids

React Isometric Grids<p>😛Inspired by https://github.com/codrops/IsometricGrids<p>Demo<p>Usage<p>Options<p>Isometric Grid<p>Prop<p>Type<p>Description<p>Default<p>children <i>(required)</i><p>…

JavaScript

Setting up a React app with Typescript, Bootstrap and Webpack

Git Repo: https://github.com/b-tiwari/react-ts-mobx-bootstrap<p>Git Branch specific for this post: …

JavaScript

React.js cheatsheet

React is a JavaScript library for building user interfaces. This guide targets React v15 to v16.<p>Components<p>Properties<p>Use this.props to access …

JavaScript