Ozan Tunca ozantunca

## split-join.js
function removeFromText(text, strToBeRemoved) {
  return text.split(strToBeRemoved).join('');
}

removeFromText('lorem+ipsum+dolor+sit+amet', '+');
// -> 'loremipsumdolorsitamet' ✅

## replace-several-examples.js
removeFromText('lorem ipsum dolor sit amet', ' ');
// -> 'loremipsumdolorsitamet' ✅ works

removeFromText('lorem+ipsum+dolor+sit+amet', '+');
// -> throws error ❌

removeFromText('lorem+ipsum+dolor+sit+amet', '+');
// -> still throws error ❌

removeFromText('lorem+ipsum+dolor+sit+amet', '\\+');

## regexp-g.js
function removeFromText(text, strToBeRemoved) {
  return text.replace(new RegExp(strToBeRemoved, 'g'), '');
}

## replace-regex.js
'lorem ipsum dolor sit amet'.replace(/ /g, '-');
// -> 'lorem-ipsum-dolor-sit-amet

## replace-single.js
'lorem ipsum dolor sit amet'.replace(' ', '-');
// -> 'lorem-ipsum dolor sit amet'

## replaceall example.js
'lorem ipsum dolor sit amet'.replaceAll(' ', '-');
// -> 'lorem-ipsum-dolor-sit-amet'

## right-type-fn-component.tsx
interface WelcomeProps {
  name: string;
}

const Welcome: React.FC<WelcomeProps> = (props) => <h1>Hello, {props.name}</h1>;

## basic-type-fn-component.tsx
interface WelcomeProps {
  name: string;
  children: React.ReactNode;
}

function Welcome(props: WelcomeProps) {
  return <h1>Hello, {props.name}</h1>;
}

## basic-react-fn-comp.js
function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

## config.json
{
  "widgets": [
    {
      "name": "WidgetA",
      "cdnURL": "....A"
    },
    {
      "name": "WidgetB",
      "cdnURL": "....B"
    }
	function removeFromText(text, strToBeRemoved) {
	return text.split(strToBeRemoved).join('');
	}

	removeFromText('lorem+ipsum+dolor+sit+amet', '+');
	// -> 'loremipsumdolorsitamet' ✅
	function removeFromText(text, strToBeRemoved) {
	return text.replace(new RegExp(strToBeRemoved, 'g'), '');
	}
	'lorem ipsum dolor sit amet'.replace(/ /g, '-');
	// -> 'lorem-ipsum-dolor-sit-amet
	'lorem ipsum dolor sit amet'.replace(' ', '-');
	// -> 'lorem-ipsum dolor sit amet'
	'lorem ipsum dolor sit amet'.replaceAll(' ', '-');
	// -> 'lorem-ipsum-dolor-sit-amet'
	interface WelcomeProps {
	name: string;
	}

	const Welcome: React.FC<WelcomeProps> = (props) => <h1>Hello, {props.name}</h1>;
	interface WelcomeProps {
	name: string;
	children: React.ReactNode;
	}

	function Welcome(props: WelcomeProps) {
	return <h1>Hello, {props.name}</h1>;
	}
	function Welcome(props) {
	return <h1>Hello, {props.name}</h1>;
	}
	{
	"widgets": [
	{
	"name": "WidgetA",
	"cdnURL": "....A"
	},
	{
	"name": "WidgetB",
	"cdnURL": "....B"
	}