Jonathan Taveras jtvargas

Steps to get started with Expo, Typescript, ESLint and Prettier

The first step is to use the Expo CLI to initialize the project. If you don't have the latest version of the Expo CLI tool, (or you don't have it installed) run npm install -g expo-cli.

Now run the following commands in the same order:

expo init my-app -t expo-template-blank-typescript
npx install-peerdeps --dev eslint-config-airbnb
npm i --save-dev @typescript-eslint/parser @typescript-eslint/eslint-plugin
npm i --save-dev prettier eslint-config-prettier eslint-plugin-prettier

Create or edit the file .eslintrc.json with the following content:

	struct TabBar: View {

	@State private var selectedTab: Tab = .overview
	@Namespace private var ns

	enum Tab {
	case overview, data, graphs, settings
	}

	var body: some View {

	//
	// AnimatedMeshView.swift
	// Fussion
	//
	// Created by Rudrank Riyam on 11/06/24.
	//

	import Foundation
	import MusicKit
	import ColorKit

	import Foundation
	import SwiftUI
	import UIKit

	extension UIBlurEffect {
	public static func variableBlurEffect(radius: Double, imageMask: UIImage) -> UIBlurEffect? {
	let methodType = (@convention(c) (AnyClass, Selector, Double, UIImage) -> UIBlurEffect).self
	let selectorName = ["imageMask:", "effectWithVariableBlurRadius:"].reversed().joined()
	let selector = NSSelectorFromString(selectorName)

	import { StatusBar } from "expo-status-bar";
	import React, { useState } from "react";
	import {
	FlatList,
	View,
	Text,
	Image,
	StyleSheet,
	SafeAreaView,
	useWindowDimensions,