Dirask - write better posts with commonly used names, fruits, vegetables

This article was created to increase the efficiency of creating dirask posts and make them look uniform.

Male names - Imiona męskie 👨‍

Tom - Tomek
Jack - Jacek
Mark - Marek
Adam - Adam

Female names - Imiona żeńskie 👩‍ 

Kate - Kasia
Ann - Ania
Natalie - Natalia

 Fruits - Owoce 🍏

🍏 Apple - Jabłko
🍌 Banana - Banan
🍊 Orange - Pomarańcz
🍒 Cherry - Wiśnia
🍇 Grapes - Winogrona
🍓 Strawberry - Truskawka
🥝 Kiwi - Kiwi

Vegetables - Warzywa 🍅

🥕 Carrot - Marchewka
🍅 Tomato - Pomidor
🥒 Cucumber - Ogórek
🥑 Avocado - Awokado
🥦 Broccoli - Brokuł

Tłumaczenia pojęć

• string - ciąg znaków / łańcuch znaków (link)
• in React - w Reakcie (link)
• „Klucz” (ang. key) jest specjalnym atrybutem o typie łańcucha znaków.. (link)
• style - stylowanie / stylować
• Łańcuch szablonowy – Template literal
• Props - propsy (odmiana: propsów)
• Submit - zatwierdź

Array of objects  

Colors - English

const colors = [
	{value: 'red',    text: 'Red'   },
	{value: 'yellow', text: 'Yellow'},
	{value: 'blue',   text: 'Blue'  }
];

Colors - Polski

TODO

Users - English

const users = [
	{ id: 1, name: 'Kate', age: 25 },
	{ id: 2, name: 'Tom',  age: 23 },
	{ id: 3, name: 'Ann',  age: 26 },
	{ id: 4, name: 'Jack', age: 21 }
];

Users - Polski

const users = [
	{ id: 1, name: 'Kasia', age: 25 },
	{ id: 2, name: 'Tomek', age: 23 },
	{ id: 3, name: 'Ania',  age: 26 },
	{ id: 4, name: 'Jacek', age: 21 }
];

Students - English

const students = [
	{ id: 1, name: 'Kate', age: 25, favFruit: '🍏' },
	{ id: 2, name: 'Tom',  age: 23, favFruit: '🍌' },
	{ id: 3, name: 'Ann',  age: 26, favFruit: '🍊' },
	{ id: 4, name: 'Jack', age: 21, favFruit: '🍒' }
];

 Students - Polski

const students = [
	{ id: 1, name: 'Kasia', age: 25, favFruit: '🍏' },
	{ id: 2, name: 'Tomek', age: 23, favFruit: '🍌' },
	{ id: 3, name: 'Ania',  age: 26, favFruit: '🍊' },
	{ id: 4, name: 'Jacek', age: 21, favFruit: '🍒' }
];

Keyboard image

References - Referencje

•  Introducing Hook

Note: używamy tego do dokumentacji np MDN, Wikipedia, react.org. Nie używamy Bibliografia bo to coś na podstawie czegoś coś powstało.

See also - Zobacz również

• jakiś link

Note: używamy zamiennie z Related posts (albo np gdy wrzucamy findings'a).

Related posts - Powiązane posty 

• JavaScript - remove duplicates from array

Note - używamy do:

• łączenia blogpostów z technicznymi,
• powiązanych tematycznie postów.

Note:

Creating Related posts you can just copy the post title, it will be copied with the link at once.

Imports - Importy

// Note: Uncomment import lines while working with JSX Compiler.
// import React from 'react';
// import ReactDOM from 'react-dom';

// Uwaga: Odkomentuj wiersze z importami podczas pracy z kompilatorem JSX.
// import React from 'react';
// import ReactDOM from 'react-dom';

const root = document.querySelector('#root');
ReactDOM.render(<App />, root );

Codesandbox

/*
React - sweetalert example
src code from:
https://dirask.com/posts/React-sweetalert-example-jPEZk1
*/

Article titles - tytuły artykułów

• normalnie pierwsza litera z dużej, reszta z małej (nawet po pauzie "-")
  • przykład: React - how to... (nie React - How to...)
• query - można dużymi 
  • przykład: MySQL - INSERT INTO ...
• nazwa technologii - z dużej litery
  • przykład: React - ...

TODO: check table solution for the post emoji/english/polish

Example project structure

/C/
 |
 +-- Project/
      |
      +-- .vscode/
      |    |
      |    +-- launch.json
      |
      +-- my_script.js

or:

/C/
 └── directory/
      │
      ├── subdirectory1/
      │    └── file.txt
      │
      └── subdirectory2/