Artur Górski

313 Flips | 4 Magazines | 7 Likes | 57 Followers | @gorskiartur | Keep up with Artur Górski on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Artur Górski”

React 16 — What can it do for you? — Part 1 – Bits and Pieces

React 16 — What can it do for you? — Part 1<p>Should you be using React 16? A detailed post about React 16’s powerful new features<p>Introduction<p>React 16, …

JavaScript

Some React Components

This is a collection of some declarative components for React eg: Visible, Switch, ForEach etc...<p>Why<p>Because I don't like this<p>I like writing this …

JavaScript

React Lifecycle Visualizer

An npm package (react-lifecycle-visualizer) for tracing & visualizing lifecycle methods of arbitrary React components.<p>To trace a component, apply the …

JavaScript

Debugging React performance with React 16 and Chrome Devtools.

React was one of the first major front-end frameworks to not only name, but tout its rendering performance. React’s virtual dom is famous for …

A Deep Dive into React Perf Debugging

<i>This is the second half of a 2-part series on performance engineering in React. In</i> <i>Part 1</i><i>, we took a look at how to use React’s Perf tools, common</i> …

How To Master Advanced React Design Patterns: Render Props

In Part 1 of this series we discussed how we could use compound components and static class properties to enable us to produce a readable and …

Software Engineering

5 React Architecture Best Practices

There can be no doubt that React has revolutionized the way we build user interfaces. It’s easy to learn and greatly facilitates creating reusable …

Demystifying generators. Implementing async/await.

April 23, 2018<p>Generators are a new feature introduced in ES6, and as I’ve promised in the article about async/await last week, we will cover them …

JavaScript

How to use React’s new Context API to easily manage modals

How many times have you been frustrated with having to add another item in your React state along with 2 functions for opening and closing a modal ? …

JavaScript

How To Write Better Code In React – Bits and Pieces

9 Useful Tips for writing better code in React: Learn about Linting, propTypes, PureComponent and more.<p>React makes it painless to create interactive …

JavaScript

How TypeScript is making programming better — Tips and tricks after migrating to TS

Section I<p>JavaScript, as we all know, was originally meant for building logic into small front end apps in order to make them function dynamically …

JavaScript

Designing very large (JavaScript) applications

This is a mildly edited transcript of my JSConf Australia talk. Watch the whole talk on YouTube.<p>Hello, I used to build very large JavaScript …

JavaScript

How To Master Advanced React Design Patterns: Render Props

Click here to share this article on LinkedIn »<p>In Part 1 of this series we discussed how we could use compound components and static class properties …

Optimizing React: Virtual DOM explained — Martian Chronicles

Front-end<p>Alexey Ivanov<p>Front-end Developer at Evil Martians<p>https://github.com/iAdramelk<br>• https://twitter.com/iadramelk<p>Andy Barnov<p>Writer at Evil …

JavaScript

react-parm

Handle react classes with more functional purity<p>Table of …

ESLint + Prettier For a Consistent React Codebase – GO-JEK Product + Tech

Different programmers have different styles of coding. One would put curly braces at the same line as function names, while others would write curly …

How I Cut My React Javascript Bundle Size In Half With Three Lines of Code

If you are anything like me, you love React. There is a group of people out there who believe that the library is too large for what it does (I …

Use Yarn Workspaces to Share Code with a create-react-app and create-react-native-app in a Monorepo

In this lesson we'll use yarn and yarn workspaces to create a monorepo that includes a web creat-react-app, a react-native app, and shared code. …

Starting a fresh Progressive Web App project from scratch with ReactJs,Redux ,Typescript and TDD with VSCode Debugging

If you are going to start a new React Project from scratch,You may want to have many feature sets to start with e.g. Progressive Web Apps support , …

How to use code splitting in React.js to improve your app’s performance

Create React App(CRA) by default bundles out the entire app into a single main.*.js file with Webpack. As your app grows, the bundle grows. Bundling …

JavaScript

Best React UI Component Libraries And Frameworks part 2

A while ago we published <b>Part 1</b> of the list with some of the best React UI libraries for 2018, including <b>Material-UI</b>, <b>React-bootstrap</b>, <b>React Toolbox</b>, …

How to greatly improve your React app performance

<b>A review of common React performance pitfalls and how to avoid them</b><p>Performance problems in web apps are not new.<br>Everyone knows that moment when you …

Webpack 4.0 Release: What's New?

<b>TL;DR:</b> On Sunday, February 25, 2018, <b>Webpack 4.0</b>, was released to the public. <b>Legato</b> <i>(Weboack 4.0's codename)</i> is a major release to the JavaScript …

Advanced caching with RxJS

When building web applications, performance should always be a top priority. There are many things we can do to speed up our Angular applications …

JavaScript

10 React Developer Tools You Might Have Missed

Here’s a few tools you might have missed, out of my React tooling shortlist that deal with performance, visibility and debugging. Note that some of …

JavaScript

4. Four ways to style react components

This is the fourth part of my React tutorials. See the Intro to react.js here<p>There are four different options to style React components. All depend …

Node.js event loop workflow & lifecycle in low level

A year back while describing the differences between setImmediate & process.nextTick, I wrote a bit on the low level architecture of node’s …

Optimizing the Performance of Your React Application

<b>TL;DR</b> Profiling your React code is simple using the tools providing by the react-addons-perf package. Once you know where React is wasting time, you …

React and visual automata-based programming

How state machines changed the way I think about state management.<p>Introduction<p>This post consists of three parts. In the first one I’m telling about <b>my</b> …

How does the Node main process start?

OK! So in one of my previous blog posts, I tried to figure out how the Node main process is initialized. I ended up not being successful in that …

JavaScript