The virtual DOM is what we generate through the renders of React components. But React is designed in a way where we don’t care about what happens as a result of these renders. This lecture aims to explain the relationships between different React elements- a concept that would help us to reveal React patterns where performance might be an issue. We would later show how to avoid running into these performance issues.
I've recently worked a lot on performance improvement. I've read a lot of articles, and written a lot of lines of code. I've even maintained one of the most important libraries to detect performance issues (why-did-you-update), and later wrote an even better library from scratch (why-did-you-render).
My lecture will focus on how React's Virtual DOM actually works, and how to work with it efficiently when performance issues arise. We will also talk about what "performance issues" actually mean, and how to detect them.
Filmed @ Negev web developers meetup at wix offices, Beer Sheba
In this episode, the panel discusses React Performance. The panel talks about performance in general tools, concepts and priorities.
Today's show is about SEO for developers. SEO stands for search engine optimization, which helps your website appear higher on search engines.
This site is built with an open source project that is written with vanilla js.
It allows developers to compile a full HTML website of a tiny size
A small but important performance fix in the early stage of react-redux migration to React hooks
why-did-you-render monkey patches React to notify you about avoidable re-renders.
(Works with React Native as well.)
Creates a function that caches the last result of arguments, by key calculated from the arguments.
A webpack loader canonizing xml files, fixing issues like unquoted attributes:
<div width=100px /> → <div width="100px"/>
A webpack plugin to list all deployed files.
When working remotely, you benefit much more from good working processes and proactive team members and you are punished much more severely for sloppy work processes and personal carelessness.
TypeScript support, Custom hooks tracking (like React-Redux’s useSelector), Tracking of all pure components.
A key concept of React we tend to forget, quickly explained.
All you need to know about your role as a developer to improve your website’s position in Google search results.
The three levels of theme abstraction that would make your CSS themes invincible.
What is Babel and how to use it? What are presets and plugins, and in what order Babel applies them?
How to document/comment why package.json packages are pinned to specific versions? How to enforce no one accidentally updates them?
@welldone-software/why-did-you-render@^3 tracks redundant Hooks re-renders + React-Redux@^7 uses hooks = Great way to track React-Redux redundant re-renders!
@welldone-software/why-did-you-render version 3 is released with many features, including tracking of React hooks issues.
The web has evolved, and yes- Testing has too.
A common, hard-to-find, issue I’d like to share with you.
What to do with the many console logs you are probably about to receive when you start using @welldone-software/why-did-you-render?
Tracking unnecessary React component re-renders using the @welldone-software/why-did-you-render library.
How to use complete strangers for your own benefit while making their own life better and even contributing to humanity?
TL;DR; Use Jest for unit and integration tests and TestCafe for UI tests.
10x less code, 10x more redux power - part 2 - the basics.
An overview of tools that will help you program faster and become a code summoning wizard.
A Small Tip That Will Save You a Lot of Time, Bugs, and Rage.
tl;dr build a website and understand as much as you can about it. Here is a suggestion for something you can begin with.
Two weeks of self-study are enough to give an aspiring programmer an edge over others competing for the same job.
The Open University is open to anyone who wishes to study towards a bachelor's degree, without any prerequisites or screening process. However, the Open University still has high standards and demands academic achievements from its graduates.
B.Sc., Computer Science
A consulting, development and tutoring company.
Web Architect, Senior Full-Stack Developer, Tech Lead, and Blogger
Up until around , I worked on various short-term projects as a web and mobile ninja.
Since , I have been working as a Tech Lead and a Team Leader in several projects of the company.
I also research, lecture, and blog about web technology on behalf of the company.
The biggest Israeli online app and payment platform for ordering food from restaurants.
Full-Stack Developer, Tech Lead
I was responsible for the technological aspect in re-building the 10Bis website from scratch with a team of 5 people. We did it in a very short time, even though some people from the team were unfamiliar with Next.js and React.
Later, I was responsible for creating another website to manage 10Bis accounts.
Currently, I'm leading the front-end of both sites and focus on improving their SEO and performance.
Cloud-based software for creating animated presentations.
Front-End Developer, Tech Lead
Initially I started off in charge of migrating PowToon's Web App from Full Flash to HTML5-React-Redux, essentially re-building the site from scratch. I created the infrastructure of the project and did the core graphical-mathematical work as well.
Our team of around 8 people consisted of developers from WellDone Software and PowToon. I was responsible to tutor and train PowToon's staff in learning everything about HTML5-React-Redux.
Later, I worked on the project's CI, testing, PowerPoint plug-in, and many other side projects.
A London based company that provides small businesses with an easy, inexpensive way to get online.
Full-Stack Developer, Tech Lead
I was responsible for building the website from zero with a team of 6 people.
User experience tools for intelligent email and Office365/SharePoint Management.
Full-Stack Developer, Mobile Developer
In this very intense three year period, I had the opportunity to work on many of harmon.ie's products. We developed web apps, Microsoft Office Plug-ins, and several apps for Android, iOS, and Windows Phone using Cordova.
During that time, I gained a lot of experience with various APIs by creating a cross-platform aggregation software that combines information from SharePoint, SalesForce, social networks, management platforms, and e-mail.