/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

Homebrew is not (yet) supported on ARM processors!
Rerun the Homebrew installer under Rosetta 2.
If you really know what you are doing and are prepared for a very broken
experience you can use another installation option for installing on ARM:
  https://docs.brew.sh/Installation

$ brew install node
$ brew install watchman

$ sudo gem install cocoapods

npx react-native init AwesomeProject

Error: Failed to install CocoaPods dependencies for iOS project, which is required by this template.

Failed to construct transformer:  DuplicateError: Duplicated files or mocks. Please check the console for more info

rm -rf AwesomeProject

    <View style={styles.container}>
      <View style={styles.itemContainer}>
        <View style={styles.leftContainer} />
        <View style={styles.rightContainer} />
      </View>
    </View>

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
  itemContainer: {
    height: 100,
    width: '100%',
    borderColor: 'gray',
    borderWidth: 1,
    flexDirection: 'row',
  },
  leftContainer: {
    width: 100,
  },
  rightContainer: {
    flex: 1,
    padding: 10,
    justifyContent: 'space-between',
  },
  text: {
    fontSize: 16,
  },
  subText: {
    fontSize: 12,
    color: 'gray',
  },
});

          <Text numberOfLines={3}>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
            ad minim veniam, quis nostrud exercitation
          </Text>
          <Text>ReactNews</Text>

const [cont,setCount] = useState(0);

function Example() {
  // Declare a new state variable, which we'll call "count"
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

  const subscription = props.source.subscribe();
  return () => {
    // Clean up the subscription
    subscription.unsubscribe();
  };
});

useEffect(
  () => {
    const subscription = props.source.subscribe();
    return () => {
      subscription.unsubscribe();
    };
  },
  [props.source],
);

  const fetchArticles = async () => {
    try {
      const response = await axios.get(URL);
      setArticles(response.data.articles);
    } catch (error) {
      console.error(error);
    }
  };

npm install redux react-redux

export const addClip = ({clip}) =>{
    return{
        type: 'ADD_CLIP',
        clip,
    };
};

export const deleteClip = ({clip}) =>{
    return{
        type: 'DELETE_CLIP',
        clip,
    };
};

const initialState = {
  clips: [],
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case "ADD_CLIP":
        return {
            ...state,
            clips:[...state.clips,action.clip]
        };
    case "DELETE_CLIP":
        return {
            ...state,
            clips:state.clips.filter(clip => clip.url !== action.clip.url),
        };
    default:
      return state;
  }
};

export default reducer;

import { createStore, combineReducers } from "redux";
import userReducer from "./reducers/user";

const rootReducer = combineReducers({
  user: userReducer,
});

const store = createStore(rootReducer);

export default store;

import React from "react";
import AppNavigator from "./navigation/AppNavigator";
import { Provider } from "react-redux";
import store from "./store";

export default App = () => {
  return (
    <Provider store={store}>
      <AppNavigator />
    </Provider>
  );
};