React Ninjas Newsletter
Weekly curated blogs and tools for ReactJS pros.
4 minutes - Splitting a complex web app in smaller projects and putting it together on a page with iframes. Though Iframes are not the only way to do it.
A front-end performance checklist that takes 87 minutes to read ?. Well, it includes all the tech you need to know to create fast experiences on the web today.
15 minutes - After a brief introduction to Mono-Repos and a comparison with Multi-Repos, I go into tools for establishing Mono-Repos.
Back to writing after a long time . Hope to do it more regularly now :) A chapter wise breakdown into the world of Micro-frontendshttps://t.co/5ifbTCthC5 — Pranay Kalro (@pkalro) January 12, 2020
#Microfrontends #frontend #webdevelopment #distributedsystems
12 minutes - This is the 3rd article in the series Learn React in 2020.
6 minutes - This post takes you through the top features in the newly released Create React App 3.3.
6 minutes - It's about how to do DOM manipulation in TypeScript and how they are not available in the language tutorials
- Typescript - What is a partial? (2 min.)
- The 2020 web dev roadmap (for starters)
- Things you can do with a browser in 2020 (3 min.)
5 minutes - Let clean code guide you. Then let it go.
5 minutes - A common pitfall in React is to initialize useState with a dynamic value.
5 minutes - For building pixu.rs, I experimented with things I learnt from React, without actually using any dependencies. In the process I have discovered a few techniques I thought were valuable enough to write down.
1 minute - We have recently switched from react-loadable to @loadable/components for a number of reasons but had a hard time getting our tests to continue passing.
More real-world reports:
- Building a Pokedex with Next.js (3 min.)
- 10 VSCode tricks to aid your React flow (7 min.)
- 7 tricks to work with styled components (6 min.)
- A components lib, based on neumorphism (2 min.)
4 minutes - Fetching data has historically been realized via `componentDidMount`, however, we can accomplish similar effects via useState and useEffect.
5 minutes - Showing you how to easily set up error monitoring with Rollbar and Next.js.
10 minutes - Talking about how to get up and running with multiple environments. …This time about how to integrate Next.js serverless API functions with TypeORM and Postgres.
2 minutes - Make sure to use the useLayoutEffect whenever you’re doing any work with the DOM reference object.
6 minutes - Let’s examine everything that might go wrong when trying to use React Native in a monorepo. Then, let’s fix it.
6 minutes - So, you've got an app to build. How are you going to style it? With the ever-growing number of styling solutions in the React ecosystem, it can be overwhelming to choose a strategy.
- From create-react-app to PWA (8 min.)
- Introducing new Next.js Documentation (5 min.)
- The strict compiler options in TypeScript (4 min.)
- Versioning independent UI components (10 min.)
- Sharing dependencies in micro frontends (11 min.)
18 minutes - TypeScript 3.8 brings a lot of new features, including new or upcoming ECMAScript standards features, new syntax for importing/exporting only types, and more.
15 minutes - How to use Chart.js to create robust visualizations in a ReactJS application.
Storybook 5.3 is here!! — Michael Shilman (@mshilman) January 14, 2020
Build production design systems faster
Write stories & docs in MDX
First-class @vuejs @angular @emberjs @web_components @reactjs support
⚙️ Declarative config
Design tool integrations
Epic teamwork @storybookjs https://t.co/cdDMRPoKEN
A React Framework for building extensible drag and drop page editors.
- NES.css: a NES-style CSS framework
- Simplifying the GitHub UI, adding useful features
- Create Puppeteer/Jest browser tests, run them in CI
- Snowpack: web apps with less tools and faster iteration
9 minutes - You’re browsing the web on your mobile phone or tablet and a banner appears on the top of the screen, urging you to install the site’s native app.
5 minutes - Principles created by Disney, three decades ago have influenced how we design for interface animation.
- What will replace Adobe Flash? (6 min.)
- Bad assumptions about micro frontends (4 min.)
- One year of learning and teaching accessibility (17 min.)
dotJS 2019 - James Long - CRDTs for Mortals
About me and my own project
React Ninjas Newsletter is a mailing serving the latest and finest resources for React pros. I’m Andrés, a Mexican moved to the Netherlands to help building Jexia, a cloud hub for front-end engineers. With Jexia, a frontend dev pays zero to eight euros per month to build fully equipped web apps.
Product Examples Pricing