Exploring React Native’s new architecture

https://blog.logrocket.com/exploring-react-natives-new-architecture/

Web color is still broken

https://webcolorisstillbroken.com/

Building a blog with React and RestDB

https://blog.openreplay.com/building-a-blog-with-react-and-restdb

Working with SVGs in React Native

https://blog.openreplay.com/working-with-svgs-in-react-native

Y Combinator warns its startups to prepare for the coming economic downturn

American technology startup accelerator Y Combinator has sent out a note to its alumni network of startups warning them of the coming economic downturn, and the funding consequences that may effect even the top startups.

"If your plan is to raise money in the next 6-12 months, you might be raising at the peak of the downturn. Remember that your chances of success are extremely low even if your company is doing well... We recommend you change your plan," the note added.

▪️Dangerzone

Take potentially dangerous PDFs, office documents, or images and convert them to safe PDFs.

https://dangerzone.rocks/

Web Page Rendering Process in Browser | Critical Rendering Path

https://jagjeets.medium.com/web-performance-understanding-critical-rendering-path-72283caefc1f

▪️Win 10 Pro Key
WKFQP-N47CJ-9M3CW-CBDCP-Q3WXM
Q3CNW-D4Q4W-6XCT6-Y48R7-7QWXM
TKR6D-TN72T-QRPG9-K2FDF-3DBQB
FPB27-2CNM2-726P7-W38BJ-WB49M

Simple HTML questions for beginners:

1) What is HTML?

HTML stands for Hyper Text Markup Language. It is a language of World Wide Web. It is a standard text formatting language which is used to create and display pages on the Web. It makes the text more interactive and dynamic. It can turn text into images, tables, links.


2) What are Tags?

HTML tags are composed of three things: an opening tag, content and ending tag. Some tags are unclosed tags.

HTML documents contain two things: content and tags

When a web browser reads an HTML document, the browser reads it from top to bottom and left to right. HTML tags are used to create HTML documents and render their properties. Each HTML tags have different properties.

<tag> content </tag>


3) Do all HTML tags have an end tag?

No. There are some HTML tags that don't need a closing tag. For example: <image> tag, <br> tag.


4) What is formatting in HTML?

The HTML formatting is a process of format the text for a better look and feel. It uses different tags to make text bold, italicized, underlined.
More details.


5) How many types of heading does an HTML contain?

The HTML contains six types of headings which are defined with the <h1> to <h6> tags. Each type of heading tag displays different text size from another. So, <h1> is the largest heading tag and <h6> is the smallest one. For example:
<h1>Heading no. 1</h1>
<h2>Heading no. 2</h2>
<h3>Heading no. 3</h3>
<h4>Heading no. 4</h4>
<h5>Heading no. 5</h5>
<h6>Heading no. 6</h6>
More details.

6) How to create a hyperlink in HTML?

The HTML provides an anchor tag to create a hyperlink that links one page to another page. These tags can appear in any of the following ways:

* Unvisited link - It is displayed, underlined and blue.
* Visited link - It is displayed, underlined and purple.
* Active link - It is displayed, underlined and red.


7) Which HTML tag is used to display the data in the tabular form?

The HTML table tag is used to display data in tabular form (row * column). It also manages the layout of the page, e.g., header section, navigation bar, body content, footer section.


8) What are some common lists that are used when designing a page?

There are many common lists which are used to design a page. You can choose any or a combination of the following list types:

* Ordered list - The ordered list displays elements in numbered format. It is represented b

y <o

l> tag.
* Unordered list - The unordered list displays elements in bulleted format. It is represented b

y <u

l> tag.
* Definition list - The definition list displays elements in definition form like in dictionary. Th

e <d

l>

, <dt

> a

nd <d

d> tags are used to define description list.


9) What is the difference between HTML elements and tags?

HTML elements communicate to the browser to render text. When the elements are enclosed by brackets <>, they form HTML tags. Most of the time, tags come in a pair and surround content.


10) What is semantic HTML?

Semantic HTML is a coding style. It is the use of HTML markup to reinforce the semantics or meaning of the content. For example: In semantic H

TML <b> <

/b> tag is not used for bold statement as well as <i> </i> tag is used for italic. Instead of these we

use <strong></stro

ng>

and <em><

/em> tags.

Top JavaScript interview questions.
What's good to hear in answer and what raises red flag:

1. Can you name two programming paradigms important for JavaScript app developers?

JavaScript is a multi-paradigm language, supporting imperative/procedural programming along with OOP (Object-Oriented Programming) and functional programming. JavaScript supports OOP with prototypal inheritance.

Good to hear:

Prototypal inheritance (also: prototypes, OLOO).
Functional programming (also: closures, first class functions, lambdas).

Red flags:

No clue what a paradigm is, no mention of prototypal oo or functional programming.

#javascript #js

2. What is functional programming?

Functional programming produces programs by composing mathematical functions and avoids shared state & mutable data. Lisp (specified in 1958) was among the first languages to support functional programming, and was heavily inspired by lambda calculus. Lisp and many Lisp family languages are still in common use today.

Functional programming is an essential concept in JavaScript (one of the two pillars of JavaScript). Several common functional utilities were added to JavaScript in ES5.

Good to hear:

🔹 Pure functions / function purity.
🔹 Avoid side-effects.
🔹 Simple function composition.
🔹 Examples of functional languages: Lisp, ML, Haskell, Erlang, Clojure, Elm, F Sharp, OCaml, etc…
🔹 Mention of features that support FP: first-class functions, higher order functions, functions as arguments/values.

Red flags:

🔻 No mention of pure functions / avoiding side-effects.
🔻 Unable to provide examples of functional programming languages.
🔻 Unable to identify the features of JavaScript that enable FP.

#javascript #js

3. What is the difference between classical inheritance and prototypal inheritance?
Class Inheritance: instances inherit from classes (like a blueprint — a description of the class), and create sub-class relationships: hierarchical class taxonomies. Instances are typically instantiated via constructor functions with the new keyword. Class inheritance may or may not use the class keyword from ES6.
Prototypal Inheritance: instances inherit directly from other objects. Instances are typically instantiated via factory functions or Object.create(). Instances may be composed from many different objects, allowing for easy selective inheritance.

In JavaScript, prototypal inheritance is simpler &
more flexible than class inheritance.

Good to hear:
🔹 Classes: create tight coupling or hierarchies/taxonomies.
🔹 Prototypes: mentions of concatenative inheritance, prototype delegation, functional inheritance, object composition.

Red Flags:
🔻 No preference for prototypal inheritance & composition over class inheritance.

#javascript #js

4. When is classical inheritance an appropriate choice?

The answer is never, or almost never. Certainly never more than one level. Multi-level class hierarchies are an anti-pattern. I’ve been issuing this challenge for years, and the only answers I’ve ever heard fall into one of several common misconceptions. More frequently, the challenge is met with silence.

“If a feature is sometimes useful
and sometimes dangerous
and if there is a better option
then always use the better option.”
~ Douglas Crockford

Good to hear:

🔹 Rarely, almost never, or never.
🔹 A single level is sometimes OK, from a framework base-class such as React.Component.
🔹 Favor object composition over class inheritance.

#javascript #js

5. When is prototypal inheritance an appropriate choice?

There is more than one type of prototypal inheritance:

- Delegation (i.e., the prototype chain).
- Concatenative (i.e. mixins, Object.assign()).
- Functional (Not to be confused with functional programming. A function used to create a closure for private state/encapsulation).

Each type of prototypal inheritance has its own set of use-cases, but all of them are equally useful in their ability to enable composition, which creates has-a or uses-a or can-do relationships as opposed to the is-a relationship created with class inheritance.

Good to hear:

🔹 In situations where modules or functional programming don’t provide an obvious solution.
🔹 When you need to compose objects from multiple sources.
🔹 Any time you need inheritance.

Red flags:

🔻 No knowledge of when to use prototypes.
🔻 No awareness of mixins or Object.assign().

#javascript #js