📒 FREE Book

React.js Design Patterns: Learn how to build scalable React appswith ease (2023)

By: Anthony Onyekachukwu Okonta

#book

The task is to write a palindrome function.
Difficulty: Hard😤

isPalindrome("radar"); // true
isPalindrome("hello"); // false

#css #tips

What will this code output? Spot the bug.
Difficulty: Hard😤

for (var i = 0; i < 5; i++) {
    setTimeout(function() {
        console.log(i);
    }, 1000);
}

JavaScript Task
Check that this string consists of numbers only.
Difficulty: Easy😁

string = "1234567890"

📝 CSS display: contents

How can display: contents improve layout flexibility? This property makes elements "transparent" in the DOM, merging their children with the parent container without altering visual display. It helps eliminate unnecessary wrappers and simplifies styling, but be aware of accessibility issues with screen readers.

The developer gets angry at the tester for finding yet another bug.🤣

How can the code be modified to handle both successful and failed promises?
Difficulty: Impossible😈

const promises = [
  Promise.resolve(1),
  Promise.reject(new Error('Error'))
];

Promise.all(promises)
  .then(results => console.log(results))
  .catch(error => console.error(error));