Apis Development Tutorials, Guides & Insights

const jsonString = '{"name":"أحمد","age":30,"isMarried":false,"children":["سارة","علي"]}';

const person = JSON.parse(jsonString);
console.log(person.name);  // أحمد
console.log(person.age);   // 30

غالبًا ما يتم استخدام JSON في التفاعل مع واجهات برمجية (APIs) لجلب البيانات من الخادم. يمكنك استخدام fetch() في JavaScript لطلب بيانات JSON من API.

In the src directory, create a new file named Dashboard.js:

import React from 'react';
import './Dashboard.css';

const Dashboard = () => {
  return (
    <div className="dashboard">
      <div className="widget">
        <h3>GitHub Repositories</h3>
        {/* GitHub component will go here */}
      </div>
      <div className="widget">
        <h3>To-Do List</h3>
        {/* To-Do component will go here */}
      </div>
      <div className="widget">
        <h3>Weather</h3>
        {/* Weather component will go here */}
      </div>
      <div className="widget">
        <h3>Project Deadlines</h3>
        {/* Deadlines component will go here */}
      </div>
    </div>
  );
};

export default Dashboard;

In the src directory, create a new file called store.js and add the following code:

   import { createStore } from 'redux';

   const initialState = {
     count: 0,
   };

   const reducer = (state = initialState, action) => {
     switch (action.type) {
       case 'INCREMENT':
         return { ...state, count: state.count + 1 };
       case 'DECREMENT':
         return { ...state, count: state.count - 1 };
       default:
         return state;
     }
   };

   const store = createStore(reducer);

   export default store;